@csrf
<div class="row">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-underline">
                <div class="card-header">
                    <header class="mt-2"><h5>{!! $header !!}</h3></header>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group ">
                                <label for="user" class="col-form-label pt-0">Choose Instituion {!! requiredLabel() !!}</label>
                                <select data-placeholder="Select Instituion"
                                    class="select2 tail-select  form-control" name="institution_id" onchange="getCourses()" id="institution_id" required>
                                    <option value="" disabled selected>Choose Option</option>
                                    @foreach ($institutions as $institute)
                                        <option value="{{ $institute->id }}"
                                            @if (old('institution_id') == $institute->id) selected @endif
                                            @if (isset($graduate) && $graduate->institution_id == $institute->id) selected @endif>
                                            {{ ucfirst($institute->name) }}</option>
                                    @endforeach
                                </select>
                                @error('institution_id')
                                    <span class="text-danger">{{ $errors->first('institution_id') }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="pl-1">User Type {!! requiredLabel() !!}</label>
                                <select name="user_type" class="form-control" required>
                                    <option value="" disabled selected>Choose Option</option>
                                    @foreach (config('custom.user_types') as $type)    
                                    <option value="{{ $type }}"
                                        {{ isset($graduate) ? ($graduate->user_type == $type ? 'selected' : '') : '' }}>
                                        {{ $type }}
                                    </option>
                                    @endforeach
                                </select>
                                @error('user_type')
                                    <span class="text-danger">{{ $errors->first('user_type') }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group ">
                                <label for="student_id" class="col-form-label pt-0">Student/Academic ID  {!! requiredLabel() !!}</label>
                                <input class="form-control" type="text" required name="student_id" value="{{ old('student_id', isset($graduate->student_id) ? $graduate->student_id : '') }}" placeholder="Enter Student Id">
                                @error('student_id')
                                    <span class="text-danger">{{ $errors->first('student_id') }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group ">
                                <label for="user" class="col-form-label pt-0">Title {!! requiredLabel() !!}</label>
                                <select data-placeholder="Select Title"
                                    class="select2 tail-select  form-control" name="title" required>
                                    @foreach (config('custom.titles') as $title)
                                        <option value="{{ $title }}"
                                            @if (old('title') == $title) selected @endif
                                            @if (isset($graduate) && $graduate->title == $title) selected @endif>
                                            {{ ucfirst($title) }}</option>
                                    @endforeach
                                </select>
                                @error('title')
                                    <span class="text-danger">{{ $errors->first('title') }}</span>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="col-md-4">
                            <div class="form-group ">
                                <label for="first_name" class="col-form-label pt-0">First Name </label>
                                <input class="form-control" type="text" name="first_name" value="{{ old('first_name', isset($graduate->first_name) ? $graduate->first_name : '') }}" placeholder="Enter First Name">
                                @error('first_name')
                                    <span class="text-danger">{{ $errors->first('first_name') }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group ">
                                <label for="first_name" class="col-form-label pt-0">Middle Name</label>
                                <input class="form-control" type="text" name="middle_name" value="{{ old('middle_name', isset($graduate->middle_name) ? $graduate->middle_name : '') }}" placeholder="Enter Middle Name">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group ">
                                <label for="first_name" class="col-form-label pt-0">Last Name {!! requiredLabel() !!}</label>
                                <input class="form-control" type="text" required name="last_name" value="{{ old('last_name', isset($graduate->last_name) ? $graduate->last_name : '') }}" placeholder="Enter Last Name">
                                @error('last_name')
                                    <span class="text-danger">{{ $errors->first('last_name') }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="form-group ">
                                <label for="certificate_legal_name" class="col-form-label pt-0">Certificate Legal Name</label>
                                <textarea class="form-control" type="text"  name="certificate_legal_name">{{ old('certificate_legal_name', isset($graduate->certificate_legal_name) ? $graduate->certificate_legal_name : '') }}</textarea>
                                @error('certificate_legal_name')
                                    <span class="text-danger">{{ $errors->first('certificate_legal_name') }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group ">
                                <label for="on_stage_name" class="col-form-label pt-0">On Stage Name</label>
                                <input class="form-control" type="text"  name="on_stage_name" value="{{ old('on_stage_name', isset($graduate->on_stage_name) ? $graduate->on_stage_name : '') }}" >
                                @error('on_stage_name')
                                    <span class="text-danger">{{ $errors->first('on_stage_name') }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group ">
                                <label for="email" class="col-form-label pt-0">Email {!! requiredLabel() !!}</label>
                                <input class="form-control" type="email" name="email"
                                    value="{{ old('email', isset($graduate->email) ? $graduate->email : '') }}" placeholder="Enter Email">
                                @error('email')
                                    <span class="text-danger">{{ $errors->first('email') }}</span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group ">
                                <label for="mobile" class="col-form-label pt-0">Mobile</label>
                                <input class="form-control" type="text" name="mobile"
                                        value="{{ old('mobile', isset($graduate->mobile) ? $graduate->mobile : null) }}" placeholder="Enter Mobile Number">
                                @error('mobile')
                                    <span class="text-danger">{{ $errors->first('mobile') }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group ">
                                <label for="mobile" class="col-form-label pt-0">USI Number</label>
                                <input class="form-control" type="text" name="usi_number"
                                        value="{{ old('usi_number', isset($graduate->usi_number) ? $graduate->usi_number : '') }}" placeholder="Enter USI Number">
                                @error('usi_number')
                                    <span class="text-danger">{{ $errors->first('usi_number') }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group ">
                                <label for="mobile" class="col-form-label pt-0">Study Period Completed</label>
                                <input class="form-control" type="text" name="study_period_completed"
                                        value="{{ old('study_period_completed', isset($graduate->study_period_completed) ? $graduate->study_period_completed : '') }}" placeholder="Enter Study Period Completed">
                                @error('study_period_completed')
                                    <span class="text-danger">{{ $errors->first('study_period_completed') }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group ">
                                <label for="mobile" class="col-form-label pt-0">Campus {!! requiredLabel() !!}</label>
                                <input class="form-control" type="text" name="campus"
                                        value="{{ old('campus', isset($graduate->campus) ? $graduate->campus : '') }}" required placeholder="Enter Campus">
                                @error('campus')
                                    <span class="text-danger">{{ $errors->first('campus') }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group ">
                                <label for="user" class="col-form-label pt-0">Choose Course {!! requiredLabel() !!}</label>
                                <select data-placeholder="Select Course"
                                    class="select2 tail-select  form-control courses" name="course_id" required>
                                    <option value="" disabled selected>Choose Option</option>
                                    @foreach ($courses as $course)
                                        <option value="{{ $course->id }}"
                                            @if (old('course_id') == $course->id) selected @endif
                                            @if (isset($graduate) && $graduate->course_id == $course->id) selected @endif>
                                            {{ strtoupper($course->institution->subdomain) }} - {{ ucfirst($course->course_name) }} - {{ ucfirst($course->course_code) }}</option>
                                    @endforeach
                                </select>
                                @error('course_id')
                                    <span class="text-danger">{{ $errors->first('course_id') }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group ">
                                <label for="user" class="col-form-label pt-0">Choose Ceremony {!! requiredLabel() !!}</label>
                                <select data-placeholder="Select Ceremony"
                                    class="select2 tail-select  form-control ceremonies" name="ceremony_id" required>
                                    <option value="" disabled selected>Choose Option</option>
                                    @foreach ($ceremonies as $ceremony)
                                        <option value="{{ $ceremony->id }}"
                                            @if (old('ceremony_id') == $ceremony->id) selected @endif
                                            @if (isset($graduate) && $graduate->ceremony_id == $ceremony->id) selected @endif>
                                            {{ strtoupper($ceremony->detail) }}</option>
                                    @endforeach
                                </select>
                                @error('ceremony_id')
                                    <span class="text-danger">{{ $errors->first('ceremony_id') }}</span>
                                @enderror
                            </div>
                        </div>
                        {{-- @isset($graduate) --}}
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="pl-1">Payment By {!! requiredLabel() !!}</label>
                                <select name="payment_by" class="form-control" required>
                                    <option value="" disabled selected>Choose Option</option>
                                    @foreach (config('custom.payment_by') as $key =>  $by)    
                                    <option value="{{ $by }}"
                                        {{ isset($graduate) ? ($graduate->payment_by == $by ? 'selected' : '') : '' }}>
                                        {{ $by }}
                                    </option>
                                    @endforeach
                                </select>
                                @error('payment_by')
                                    <span class="text-danger">{{ $errors->first('payment_by') }}</span>
                                @enderror
                            </div>
                        </div>
                        {{-- <div class="col-sm-4">
                            <div class="form-group">
                                <label for="from_date" class="col-form-label pt-0">Choose Status {!! requiredLabel() !!}</label>
                                <select name="status" id="" class="select2 tail-select form-control" id="" required>
                                    @foreach (config('custom.graduate_status') as $status)
                                        <option value="{{$status}}" {{ isset($graduate) && $graduate->status == $status ? 'selected' : '' }}>{{$status}}</option>  
                                    @endforeach
                                </select>
                                @error('status')
                                    <span class="text-danger">{{ $errors->first('status') }}</span>
                                @enderror
                            </div>
                        </div> --}}
                        {{-- @endisset --}}
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="pl-1">Pre-Order {!! requiredLabel() !!}</label>
                                <select name="can_pre_order" class="form-control" required>
                                    <option value="" disabled selected>Choose Option</option>
                                    @foreach (config('custom.yes_no_text') as $text)    
                                    <option value="{{ $text }}"
                                        {{ isset($graduate) ? ($graduate->can_pre_order == $text ? 'selected' : '') : '' }}>
                                        {{ $text }}
                                    </option>
                                    @endforeach
                                </select>
                                @error('can_pre_order')
                                    <span class="text-danger">{{ $errors->first('can_pre_order') }}</span>
                                @enderror
                            </div>
                        </div>
                        @if (isset($graduate) && isTrue($graduate->institution->enable_dietary_preference_option))
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="pl-1">Dietary Preference</label>
                                <select name="dietary_preference" class="form-control" required>
                                    <option value="" disabled selected>Choose Option</option>
                                    @foreach ($dietary_options as $do)    
                                    <option value="{{ $do }}"
                                        {{ isset($graduate) ? ($graduate->dietary_preference == $do ? 'selected' : '') : '' }}>
                                        {{ $do }}
                                    </option>
                                    @endforeach
                                </select>
                                @error('dietary_preference')
                                    <span class="text-danger">{{ $errors->first('dietary_preference') }}</span>
                                @enderror
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
                <div class="card-footer">
                    <a class="btn btn-danger waves-effect btn-sm ml-1" href="{{ isset($graduate) ? route('graduate.show', $graduate->id) : route('graduate.index') }}">
                        <i class="md md-arrow-back"></i>
                        Back
                    </a>
                    <input type="submit" name="pageSubmit" class="btn btn-success btn-sm waves-effect waves-light float-right" value="Submit">
                </div>
            </div>
        </div>
    </div>
</div>
@section('scripts')
<script>
    function getCourses() {
        let id = $('#institution_id').val();
        let url = "{{ url('course/by-institution') }}";
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            }
        });
        $.ajax({
            url: url + '/' + id, 
            type: 'POST',
            success: function(result){
                let data = result.data;
                $('.courses').html('');
                if (data.length == 0) {
                    $('.courses').append('<option value="" disabled selected>Course not added</option>');
                } else {
                    for (var i = 0; i < data.length; i++) {
                        $('.courses').append('<option value=' + data[i].id + '>' + data[i].course_name + ' - ' + data[i].course_code + '</option>');
                    }
                }
            },
            error: function (data) {
                console.log(data);
            }
        });
        getCeremonies();
    }

    function getCeremonies() {
        let id = $('#institution_id').val();
        let url = "{{ url('ceremony/by-institution') }}";
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            }
        });
        $.ajax({
            url: url + '/' + id, 
            type: 'GET',
            success: function(result){
                let data = result.data;
                $('.ceremonies').html('');
                if (data.length == 0) {
                    $('.ceremonies').append('<option value="" disabled selected>No Data found</option>');
                } else {
                    for (var i = 0; i < data.length; i++) {
                        $('.ceremonies').append('<option value=' + data[i].id + '>' + data[i].detail + '</option>');
                    }
                }
            },
            error: function (data) {
                console.log(data);
            }
        });
    }
    // getCourses();
</script>
@endsection