@extends('layouts.admin.admin')

@section('title', 'Create a Graduates')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <h5 class="mb-0 font-size-18">Add Graduate</h5>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="javascript: void(0);">Home</a></li>
                    <li class="breadcrumb-item active">Graduate</li>
                    <li class="breadcrumb-item active">Add</li>
                </ol>
            </div>

        </div>
    </div>
</div>
    <section>
        <div class="section-body">
            <form class="form form-validate floating-label" action="{{route('for-institution.graduate.store')}}" method="POST" enctype="multipart/form-data">
                @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>Add Graduate - Institution</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>
                                                            {{ 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 for="user" class="col-form-label pt-0">Choose Instituion {!! requiredLabel() !!}</label>
                                                <input class="form-control" type="text" value="{{ $institution->name }}" disabled>
                                                @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 }}"
                                                        {{ old('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') }}" 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>
                                                            {{ 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') }}" 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') }}" 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') }}" 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') }}" 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 {!! requiredLabel() !!}</label>
                                                <input class="form-control" type="text" name="mobile"
                                                        value="{{ old('mobile', '61') }}" 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') }}" 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') }}" 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') }}" 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 }}"
                                                            {{ old('course_id') == $course->id ? 'selected' : '' }}>
                                                            {{ 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 }}"
                                                            {{ old('ceremony_id') == $ceremony->id ? 'selected' : '' }}
                                                            >
                                                            {{ strtoupper($ceremony->detail) }}</option>
                                                    @endforeach --}}
                                                </select>
                                                @error('ceremony_id')
                                                    <span class="text-danger">{{ $errors->first('ceremony_id') }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <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>
                                                    @foreach (config('custom.payment_by') as $key =>  $by)    
                                                    <option value="{{ $by }}"
                                                    {{ old('payment_by') == $by ? 'selected' : '' }}>
                                                        {{ $by }}
                                                    </option>
                                                    @endforeach
                                                </select>
                                                @error('payment_by')
                                                    <span class="text-danger">{{ $errors->first('payment_by') }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer">
                                    <a class="btn btn-danger waves-effect btn-sm ml-1" href="{{ route('for-institution.graduate.list') }}">
                                        <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
            </form>
        </div>
    </section>
@endsection