@extends('admin.layouts.app')
@section('title')
    {{ __('edit') }}
@endsection
@php 
$intake_years = explode(',', @$candidateApplications->intake_years);
$intake_months = explode(',', @$candidateApplications->intake_months);
@endphp
@section('content')
    <div class="content">
        <div class="container-fluid">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title line-height-36">{{ __('edit') }}</h3>
                                <a href="{{ route('candidateApplication.index') }}"
                                    class="btn bg-primary float-right d-flex align-items-center justify-content-center">
                                    <i class="fas fa-arrow-left"></i>&nbsp; {{ __('back') }}
                                </a>
                            </div>
                            <div class="row pt-3 pb-4">
                                <div class="col-md-6 offset-md-3">
                                    <form class="form-horizontal"
                                        action="{{ route('candidateApplication.update', @$candidateApplications->id) }}" method="POST"
                                        enctype="multipart/form-data">
                                        @csrf
                                        @method('PUT') 
                                   
                             
                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">Partner Application ID
                                                <small class="text-danger">*</small>
                                            </label>
                                            <div class="col-sm-9">
                                                <input value="{{ old('partner_application_id', @$candidateApplications->partner_application_id) }}" name="partner_application_id" type="text"
                                                    class="form-control @error('partner_application_id') is-invalid @enderror"
                                                    placeholder="{{ __('enter') }} Partner Application ID">
                                                @error('partner_application_id')
                                                    <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">Candidate
                                                <small class="text-danger">*</small>
                                            </label>
                                                <div class="col-sm-9">
                                                    {{-- <select name="candidate_id"
                                                    class="form-control select2bs4 {{ error('candidate_id') }}"
                                                    id="candidate_id">
                                                    <option value="" class="d-none">
                                                        Select Candidate
                                                    </option>
                                                    @foreach ($candidates as $candidate)
                                                   
                                                        <option {{ $candidate->id  == old('candidate_id',@$candidateApplications->candidate_id) ? 'selected' : '' }}
                                                            value="{{ $candidate->id }}">
                                                            {{ @$candidate->user->name  }} ({{ @$candidate->id }})
                                                        </option>
                                                    @endforeach
                                                </select> --}}

                                                <select name="candidate_id" id="candidate_id" class="form-control select2candidate">
                                                    <option value="">Select Candidate</option>
                                                </select> 
                                                <x-forms.error name="candidate_id" />
                                                </div>
                                            
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">{{ __('status') }}<small
                                                    class="text-danger">*</small></label>
                                            <div class="col-sm-9">
                                                <select name="status"
                                                class="form-control {{ error('status') }}"
                                                id="status">

                                                    <option value="" class="d-none">
                                                        Select Status
                                                    </option>
                                                    @foreach(get_candidateApplicationStatus_array() as $status)
                                                    <option {!! old('status', @$candidateApplications->status) == $status['name'] ? 'selected' : '' !!}
                                                        value="{{ $status['name'] }}">{{ $status['name'] }}</option>
                                                    @endforeach
                                            
                                                </select>
                                                @error('status')
                                                    <span class="invalid-feedback"
                                                        role="alert"><strong>{{ $message }}</strong></span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">Stage Reason
                                                {{-- <small class="text-danger">*</small> --}}
                                            </label>
                                            <div class="col-sm-9">                                                 
                                                <input value="{{ old('stage_reason', @$candidateApplications->stage_reason) }}" name="stage_reason" type="text"
                                                class="form-control @error('stage_reason') is-invalid @enderror"
                                                placeholder="{{ __('enter') }} Stage Reason" >
                                            @error('stage_reason')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                            </div>
                                            
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">University
                                                <small class="text-danger">*</small>
                                            </label>
                                                <div class="col-sm-9">
                                                    <select name="university_id"
                                                    class="form-control select2bs4 {{ error('university_id') }}"
                                                    id="university_id">
                                                    <option value="" class="d-none">
                                                        {{ __('select_university') }}
                                                    </option>
                                                    @foreach ($universities as $universitie)
                                                   
                                                        <option {{ $universitie->id  == old('university_id', @$candidateApplications->university_id) ? 'selected' : '' }}
                                                            value="{{ $universitie->id }}">
                                                            {{ $universitie->name }}
                                                        </option>
                                                    @endforeach
                                                    @if(@$candidateApplications->university_id == 0)
                                                    <option value="0" selected>{{ __('other') }}</option>
                                                    @else
                                                    <option value="0">{{ __('other') }}</option>
                                                    @endif
                                                </select>
                                                <x-forms.error name="university_id" />
                                                </div>
                                             
                                            
                                        </div>

                                        <div class="form-group row university_name_hide" @if(@$candidateApplications->university_id != 0)style="display:none" @endif>
                                            <label class="col-sm-3 col-form-label">University Name
                                                <small class="text-danger">*</small>
                                            </label>
                                            <div class="col-sm-9" >
                                                <x-forms.input 
                                                type="text" 
                                                name="university_name" 
                                                id="university_name"
                                                value="{{ @$candidateApplications->university_name }}"
                                                placeholder="University Name" />
                                            </div>
                                        </div>


                                     

                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">Course
                                                {{-- <small class="text-danger">*</small> --}}
                                            </label>
                                            <div class="col-sm-9">
                                                <select name="course"
                                                class="form-control select2bs4 {{ error('course') }}"
                                                id="course">
                                                <option value="" class="d-none">
                                                    Select Course
                                                </option>
                                                @if(@$candidateApplications->course == 0)
                                                <option value="0" selected>{{ __('other') }}</option>
                                                @else
                                                <option value="0">{{ __('other') }}</option>
                                                @endif
                                            </select>
                                            <x-forms.error name="course" />
                                            </div>       
                                        </div>


                                        <div class="form-group row course_name_hide" @if(@$candidateApplications->course != 0)style="display:none" @endif>
                                            <label class="col-sm-3 col-form-label">Course Name
                                                <small class="text-danger">*</small>
                                            </label>
                                            <div class="col-sm-9" >
                                                <x-forms.input 
                                                type="text" 
                                                name="course_name" 
                                                id="course_name"
                                                value="{{ @$candidateApplications->course_name }}"
                                                placeholder="Course Name" />
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">Intake Month
                                                <small class="text-danger">*</small>
                                            </label>
                                                <div class="col-sm-9">                                                 
                                                    {{-- <select name="intake"
                                                        class="form-control {{ error('intake') }}"
                                                        id="intake">
                                                        <option value="" class="d-none">
                                                            Select Intake
                                                        </option>
                                                        @foreach($main_intake as $intake)
                                                            <option {!! old('intake', @$candidateApplications->intake) == $intake ? 'selected' : '' !!}
                                                                value="{{ $intake }}">{{ $intake }}</option>
                                                        @endforeach
                                                    </select> --}}
                                                @php
                                                $months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "July", "Aug", "Sept", "Oct", "Nov", "Dec"];
                                                $selectedMonths = old('intake_months', is_array($intake_months) ? $intake_months : []);
                                                @endphp
                                                
                                                <select name="intake_months[]"
                                                        class="form-control select2bs4months @error('intake_months') is-invalid @enderror"
                                                        id="intake_months" multiple>
                                                
                                                    @foreach ($months as $month)
                                                        <option {{ in_array($month, $selectedMonths) ? 'selected' : '' }} value="{{ $month }}">{{ $month }}</option>
                                                    @endforeach
                                                
                                                </select>
                                                <x-forms.error name="intake_months" />
                                                </div>
                                            
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">Intake Years
                                                <small class="text-danger">*</small>
                                            </label>
                                                <div class="col-sm-9">                                                 
                                              <select class="form-control  select2bs4years" name="intake_years[]" id="" multiple>
                                                @for ($i = 2022; $i <=  date('Y')+3; $i++)
                                                    <option {{ in_array($i, old('intake_years', $intake_years)) ? 'selected' : '' }} value="{{ $i }}">{{ $i }}</option>
                                                @endfor

                                            </select>
                                                <x-forms.error name="intake_years" />
                                                </div>
                                            
                                        </div>

                                        {{-- <div class="col-md-2 dropdown">
                                            @php
                                              $months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "July", "Aug", "Sept", "Oct", "Nov", "Dec"];
                                            @endphp
                                            
                                            <select name="intake_months"
                                            class="form-control select2bs4 @error('intake_months') is-invalid @enderror"
                                            id="intake_months">
                                                <option value="" class="d-none">
                                                    Select Intake Month
                                                </option>
                                                @foreach ($months as $month)
                                                <option {{ old('intake_months', @$candidateApplications->intake_months) == $month ? 'selected' : '' }} value="{{ $month }}">{{ $month }}</option>
                                                @endforeach
                
                                            </select>
                                        </div> --}}
                
                                        {{-- <div class="col-md-2 dropdown">
                                       
                                            <select name="intake_years"
                                                class="form-control select2bs4 @error('intake_years') is-invalid @enderror"
                                                id="intake_years">
                                                <option value="" class="d-none">
                                                    Select Intake Years
                                                </option>
                                           
                                                @for ($i = 2022; $i <=  date('Y')+3; $i++)
                                                <option {{ old('intake_years', @$candidateApplications->intake_years) == $i  ? 'selected' : '' }} value="{{ $i }}">{{ $i }}</option>
                                                @endfor
                                            </select>
                                        </div> --}}

                              

                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">Partner
                                                <small class="text-danger">*</small>
                                            </label>
                                            <div class="col-sm-9">
                                                    <select name="partner"
                                                    class="form-control {{ error('partner') }}"
                                                    id="partner">
                                                    <option value="" class="d-none">
                                                        Select Partner
                                                    </option>
                                                    @foreach($partner_find as $partner)
                                                    <option {!! old('partner', @$candidateApplications->partner) == @$partner['name'] ? 'selected' : '' !!}
                                                        value="{{ $partner['name'] }}">{{ $partner['name'] }}</option>
                                                    @endforeach
                                                    </select>
                                                @error('partner')
                                                    <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">DateTime</label>
                                            <div class="col-sm-9">
                                                <input value="{{ old('datetime', @$candidateApplications->datetime) }}" 
                                                       name="datetime" 
                                                       type="text"
                                                       class="form-control @error('datetime') is-invalid @enderror"
                                                       placeholder="{{ __('enter') }} Date"
                                                       autocomplete="off">
                                                @error('datetime')
                                                    <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">Created By Name
                                                {{-- <small class="text-danger">*</small> --}}
                                            </label>
                                            <div class="col-sm-9">                                                 
                                                <input value="{{ old('created_by_name', @$candidateApplications->created_by_name) }}" name="created_by_name" type="text"
                                                class="form-control @error('created_by_name') is-invalid @enderror"
                                                placeholder="{{ __('enter') }} Created By Name" >
                                            @error('created_by_name')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                            </div>
                                            
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">Next Step
                                                <small class="text-danger">*</small>
                                            </label>
                                            <div class="col-sm-9">
                                            <textarea type="text" class="form-control" name="next_step" placeholder="Enter Next Step">{{ old('next_step',@$candidateApplications->next_step) }}</textarea>
                                                @error('next_step')
                                                    <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        

                                    
                                     
                                        <div class="form-group row">
                                            <div class="offset-sm-3 col-sm-4">
                                                <button type="submit" class="btn btn-success">
                                                    <i class="fas fa-plus"></i>
                                                    &nbsp; {{ __('update') }}
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('style')
    <!-- Custom Link -->
    <link rel="stylesheet" href="{{ asset('backend/plugins/select2/css/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('backend/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('frontend') }}/secondary-theme/assets/css/bootstrap-datepicker.min.css">
    <style>
        .ck-editor__editable_inline {
            min-height: 300px;
        }

        .select2-results__option[aria-selected=true] {
            display: none;
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
            color: #fff;
            border: 1px solid #fff;
            background: #007bff;
            border-radius: 30px;
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
            color: #fff;
        }

        body {
    font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }
    </style>
  

@endsection
@section('script')
    <script src="{{ asset('backend/plugins/select2/js/select2.full.min.js') }}"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    <!-- Custom Script -->

    <script>
        //Initialize Select2 Elements
        $('.select2bs4').select2({
            theme: 'bootstrap4'
        })

        $('.select2bs4months').select2({
        theme: 'bootstrap4',
        multiple: true,
        tags: true,
        placeholder: 'Select Intake Month'
        
        })

        $('.select2bs4years').select2({
        theme: 'bootstrap4',
        multiple: true,
        tags: true,
        placeholder: 'Select Intake years'
        
        })

    // Date Range Picker Initialization
    $('input[name="datetime"]').daterangepicker({
        autoUpdateInput: false,
        timePicker: true,
        locale: {
            format: 'MMM/DD hh:mm:ss A'
        },
        drops: 'up',
        timePickerIncrement: 1,
        singleDatePicker: true,
        showDropdowns: true, // Add this line to show year and month dropdowns
        // minDate: new Date(),
    });

    // Date Range Picker Apply Event
    $('input[name="datetime"]').on('apply.daterangepicker', function(ev, picker) {
        $(this).val(picker.startDate.format('YYYY-MM-DD hh:mm:ss A'));
    });

    // Date Range Picker Cancel Event (Clear the input field)
    $('input[name="datetime"]').on('cancel.daterangepicker', function(ev, picker) {
        $(this).val('');
    });

        


        $(document).ready(function() {


            var candidateId = '{{ old("candidate_id",@$candidateApplications->candidate_id) }}';
            $('.select2candidate').select2({
                theme: 'bootstrap4',
                ajax: {
                    url: "{{ route('candidateApplication.candidateListByName') }}",
                    dataType: 'json',
                    type: "POST",
                    delay: 250,
                    data: function (params) {
                        return {
                            term: params.term,
                            _token: '{{ csrf_token() }}'
                        };
                    },
                    processResults: function (data) {
                        return {
                            results: data.map(function(item) {
                                console.log(item);
                                return {
                                    id: item.id,
                                    text: `${item.name} (${item.user_id})`
                                };
                            })
                        };
                    },
                    cache: true
                },
                minimumInputLength: 1,
                placeholder: 'Search for Candidate',
                escapeMarkup: function (markup) {
                    return markup;
                },
                templateSelection: function (data) {
                    return data.text;
                }
            });

            if (candidateId) {
                $.ajax({
                    url: "{{ route('candidateApplication.candidateListByName') }}",
                    type: 'POST',
                    dataType: 'json',
                    data: { id: candidateId, _token: '{{ csrf_token() }}' },
                    success: function (item) {
                        console.log(item);
                        $('.select2candidate').append(new Option(`${item.name} (${item.id})`, item.id, true, true)).trigger('change');
                    }
                });
            }

            var university_id = '{{ @$candidateApplications->university_id }}';
            var selected_course_id = '{{ @$candidateApplications->course }}';
            get_course(university_id, selected_course_id);
            $('#university_id').on('change', function() {
                var university_id = this.value;
                var selected_course_id = '{{ @$candidateApplications->course }}';
                get_course(university_id, selected_course_id);
            });

     

   
        });

        function get_course(university_id, selected_course_id) {
            $.ajax({
                url: "{{ route('admin.courseGetByUniversityId') }}",
                type: "POST",
                data: {
                    university_id: university_id,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function(result) {

    
                    $('#course').html(
                            '<option value="">Select Course</option>')
                        .removeAttr(
                            'disabled');
                    $.each(result.course, function(key, value) {
                        var option = '<option value="' + value.id + '">' + value.name + '</option>';

                        if (selected_course_id == value.id) {
                            option = '<option value="' + value.id + '" selected>' + value.name +
                                '</option>';
                        }
                        $("#course").append(option);
                    });

                    if(selected_course_id == 0){
                        $('#course').append(
                        '<option value="0" selected>Other</option>');
                    }else{
                        $('#course').append(
                        '<option value="0">Other</option>');
                    }
                }
            });

        }
    </script>

    <script>

        $('#university_id').on('change', function() {
            
            $("#university_name").val(" ");
            $("#course_name").val(" ");
            var selectedOption = $(this).val();
            classSelect_hide_show("course_name_hide", 1);
            classSelect_hide_show("university_name_hide", 1);
            if(selectedOption == 0){
                classSelect_hide_show("university_name_hide", 0);
            }
            
        });

        $('#course').on('change', function() {
            $("#course_name").val(" ");
            var selectedOption = $(this).val();
            classSelect_hide_show("course_name_hide", 1);
            if(selectedOption == 0){
                classSelect_hide_show("course_name_hide", 0);
            }
            
        });

        function classSelect_hide_show(selectedOption, type) {
            $("."+selectedOption).hide();
    
            if (type == 0) {      
                $("."+selectedOption).show();
            }
        }

    </script>


   

@endsection