@extends('admin.admin_dashboard')
@section('admin')
    <div class="page-content">

        <!--breadcrumb-->
        <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
            <div class="ps-3">

                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 p-0">
                        <li class="breadcrumb-item">
                            <a href="{{ route('admin.dashboard') }}"> <i class="bx bx-home-alt"> </i> </a>
                        </li>

                        <li class="breadcrumb-item active" aria-current="page"> Add Objective </li>
                    </ol>
                </nav>

            </div>


            <div class="ms-auto">
                <div class="btn-group">
                    <a href="{{ route('all.objective') }}" class="btn btn-light px-5"> Back </a>
                </div>
            </div>

        </div>
        <!--end breadcrumb-->


        <div class="card">
            <div class="card-body p-4">

                <h5 class="card-title">Add Objective </h5>
                <br> <small> fields with * are required </small>

                <hr />

                <form id="myForm" method="POST" action="{{ route('store.objective') }} " enctype="multipart/form-data">

                    @csrf

                    <div class="form-body mt-4">
                        <div class="row">

                            <div class="col-lg-12">
                                <div class="border border-3 p-4 rounded">


                                    <div class="form-group mb-3">

                                        <label for="inputProduct" class="form-label">Select Product *</label>
                                        <select name="product_id" class="form-select" id="inputProduct">
                                            <option selected=" " value=" "></option>


                                            @foreach ($products as $product)
                                                <option value="{{ $product->id }}"> {{ $product->product_name }} </option>
                                            @endforeach


                                        </select>

                                        @error('product_id')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror

                                    </div> <br>



                                    <div class="form-group mb-3">

                                        <label for="inputChapter" class="form-label">Select Study Title *</label>
                                        <select name="study_id" class="form-select" id="inputStudy">
                                            <option selected=" " value=" "></option>


                                            @foreach ($studies as $study)
                                                <option value="{{ $study->id }}">  {{ $study->chapter_title }} - (Section {{ $study->section }})  </option>
                                            @endforeach


                                        </select>

                                        @error('study_id')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror

                                    </div> <br>



                                    <div class="form-group mb-3">

                                        <label for="inputSection" class="form-label"> Select Section * </label>
                                        <select name="section" class="form-select" id="inputSection">

                                            <option selected=" " value=" "></option>
                                            <option value="1"> Section 1 (EBook)  </option>
                                            <option value="2">  Section 2 (Opening Credit) </option>
                                            <option value="3"> Section 3 (Introduction) </option>
                                            <option value="4">  Section 4 (Chapter One) </option>
                                            <option value="5">  Section 5 (Chapter Two) </option>
                                            <option value="6">  Section 6 (Chapter Three ) </option>
                                            <option value="7">  Section 7 (Chapter Four) </option>
                                            <option value="8">  Section 8 (Chapter Five) </option>
                                            <option value="9">  Section 9  (Chapter Six) </option>
                                            <option value="10">  Section 10 (Chapter Seven) </option>
                                            <option value="11">  Section 11 (Chapter Eight) </option>
                                            <option value="12">  Section 12 (Chapter Nine) </option>
                                            <option value="13">  Section 13 (Chapter Ten) </option>
                                            <option value="14">  Section 14 (Chapter Eleven) </option>
                                            <option value="15">  Section 15 (Chapter Twelve) </option>
                                            <option value="16">  Section 16 (Chapter Thirteen) </option>
                                            <option value="17">  Section 17 (Chapter Fourteen) </option>
                                            <option value="18">  Section 18 (Chapter Fifteen) </option>
                                            <option value="19">  Section 19 (Chapter Sixteen) </option>
                                            <option value="20">  Section 20 (Conclusion) </option>
                                            <option value="21">  Section 21 (Closing Credit) </option>
 
                                        </select>

                                        @error('section')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror

                                    </div> <br>



                                    <div class="form-group mb-3">
                                        <label for="inputQuestion" class="form-label"> Question *</label>
                                        <input type="text" name="question" class="form-control" id="inputQuestion"
                                            placeholder="Enter Question" value="{{ old('question') }}">

                                        @error('question')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror

                                    </div> <br>



                                    <div class="form-group mb-3">
                                        <label for="option_a" class="form-label"> Option A *</label>
                                        <input type="text" name="option_a" class="form-control" id="option_a"
                                            placeholder="Enter Option A" value="{{ old('option_a') }}">

                                        @error('option_a')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror

                                    </div> <br>


                                    <div class="form-group mb-3">
                                        <label for="option_b" class="form-label"> Option B *</label>
                                        <input type="text" name="option_b" class="form-control" id="option_b"
                                            placeholder="Enter Option B" value="{{ old('option_b') }}">

                                        @error('option_b')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror

                                    </div> <br>


                                    <div class="form-group mb-3">
                                        <label for="option_c" class="form-label"> Option C * </label>
                                        <input type="text" name="option_c" class="form-control" id="option_c"
                                            placeholder="Enter Option C" value="{{ old('option_c') }}">

                                        @error('option_c')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror

                                    </div> <br>


                                    <div class="form-group mb-3">
                                        <label for="option_d" class="form-label"> Option D * </label>
                                        <input type="text" name="option_d" class="form-control" id="option_d"
                                            placeholder="Enter Option D" value="{{ old('option_d') }}">

                                        @error('option_d')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror

                                    </div> <br>





                                    <div class="form-group mb-3">

                                        <label for="inputSection" class="form-label"> Select Correct Answer * </label>
                                        <select name="correct_answer" class="form-select" id="inputSection">

                                            <option selected=" " value=" "></option>
                                            <option value="option_a"> Option A </option>
                                            <option value="option_b"> Option B </option>
                                            <option value="option_c"> Option C </option>
                                            <option value="option_d"> Option D </option>

                                        </select>

                                        @error('correct_answer')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror

                                    </div> <br>








                                    <div class="form-group mb-3">

                                        <div class="d-grid">
                                            <input type="submit" class="btn btn-primary px-4" value="Save Changes" />
                                        </div>

                                    </div> <br>






                                </div>

                            </div>



                        </div><!--end row-->

                    </div>

                </form>


            </div>


        </div>

    </div>
@endsection