@extends('../layout/' . $layout)

@section('subhead')
    <title>Atarud MIS - Edit Section</title>
@endsection
<style type="text/css">
    .stu_pro tr td {
        padding: 1px;
    }
</style>
@section('subcontent')
    <div class="intro-y flex items-center mt-8">
        <h2 class="text-lg font-medium mr-auto">Edit Section: ({{ $section->name }})</h2>
    </div>
    <div class="grid grid-cols-12 gap-6">

        <div class="col-span-12 lg:col-span-8 2xl:col-span-9">
            <form action="{{ route('section.update', $section->id) }}" method="post">
                @csrf
                @method('PUT')
                <input type="hidden" name="id" value="{{ $section->id }}" >

            <!-- BEGIN: section Information -->
            <div class="intro-y box mt-5">
                <div class="flex items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
                    <h2 class="font-medium text-base mr-auto">Section Information</h2>
                </div>
                <div class="p-5">
                    <div class="grid grid-cols-12 gap-x-5">
                        <div class="col-span-12 xl:col-span-12">
                            <div>
                                <label for="update-profile-form-6" class="form-label">Name</label>
                                <input id="update-profile-form-6" type="text" name="name" class="form-control"  value="{{ $section->name }}" >
                            </div>
                            <div class="mt-3">
                                <label for="update-profile-form-7" class="form-label">Semester</label>
                                <select name="semester_id" class="form-control">
                                    <option value="">Select Semester</option>
                                          @foreach($semesters as $row)
                                              <option value="{{$row->id}}" @if($row->id == $section->semester_id) selected @endif>
                                                      {{ $row->name }}
                                                      </option>
                                      @endforeach
                                </select>
                            </div>
                            <div>
                                <label for="section_order" class="form-label">Section Order</label>
                                <input id="section_order" value="{{$section->section_order}}" name="section_order" type="number" class="form-control" placeholder="Type the order..." required>
                            </div>
                             <div>
                                <label for="durattion" class="form-label">Duration</label>
                                <input id="durattion" name="duration" value="{{$section->duration}}" type="number" class="form-control" placeholder="Type the duration in days..." required>
                            </div>
                             <div class="mt-3">
                                <label for="time_duration" class="form-label">Time Duration</label>
                                <input id="time_duration" name="time_duration" value="{{$section->time_duration}}" type="number" class="form-control" placeholder="Type the duration in minutes..." required>
                            </div>
                    </div>
                    <div class="flex justify-end mt-4">
                        <button type="submit" class="btn btn-primary w-20 mr-auto">Save</button>
                    </form>

                </div>
                </div>
            </div>
            <!-- END: Personal Information -->
        </div>
    </div>
@endsection
@section('script')

@endsection