@extends('layouts.admin')

@section('content')
<!--App-Content-->
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        <x-page.header>Edit External Students</x-page.header>
        @include('admin.errors.form-errors')
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Edit</h3>
                    </div>
                    <div class="card-body">
                        <form enctype="multipart/form-data" method="POST" action="{{route('staff.external_students.update',$external_student->id)}}"
                            class="form-horizontal" id="create_form">
                            @method('PUT')
                            @csrf
                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2" for="name">Name <i
                                                class="text-danger">(required)</i></label>
                                    </div>
                                    <div class="col-md-9">
                                        <input type="text" name="name" value="{{$external_student->name}}" id="name" required class="form-control">
                                    </div>
                                </div>
                            </div>

                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2" for="email">Email <i
                                                class="text-danger">(required)</i></label>
                                    </div>
                                    <div class="col-md-9">
                                        <input type="email" value="{{$external_student->email}}"  name="email" value="{{ old('email') }}" class="form-control" id="email"
                                            required>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2" for="course">Course</label>
                                    </div>
                                    <div class="col-md-9">
                                        <select name="course" id="course" class="form-control select2-show-search" required>
                                            @foreach ($offered_courses as $course)
                                                <option value="{{$course->coffid}}" {{$external_student->coffid == $course->coffid ? 'selected':''}}>
                                                    {{$course->has_label ? ' ( '.$course->label.' ) ':''}}  {{$course->acyname.'_'
                                                    .$course->cname.' ( '
                                                    .$course->lshort_name.' ) '.'_'
                                                    .$course->ttname
                                                    }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group ">
                                <div class="row">
                                    <label class="form-swich">
                                        <input type="checkbox" name="is_active" class="form-switch-input status-checkbox" {{$external_student->is_active ? 'checked':''}}>
                                        <span class="form-switch-indicator"></span>
                                        <span class="form-switch-description">is_active</span>
                                    </label>
                                </div>
                            </div>

                            <div class="form-group mb-0 row justify-content-end">
                                <div class="col-md-3">
                                    <button type="submit" class="btn btn-primary waves-effect waves-light">
                                        Edit Student</button>
                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection