@extends('admin.layouts.main')

@section('title')
{{ trans('calendar.calendar') }}
@endsection

@section('content')

<main>

    <div class="two-col">

        @include("admin.common.sidebar")

        <div class="right-sec">

            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a
                            href="{{ route('admin.calendar.index',['session' => session('panel') ]) }}">{{ @trans('calendar.calendar') }}</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">{{ @trans('calendar.screening') }}</li>
                </ol>
            </nav>

            <div class="bg-white profile-header">
                <div class="top-bar d-flex justify-content-between align-items-center">
                    <h2>{{ trans('calendar.screening') }}</h2>
                </div>
                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab"
                            href="#detail">{{ @trans('calendar.screening') }}</a>
                    </li>
                </ul>
            </div>

            <div class="detail-content mt-4">

                <!-- Tab panes -->
                <div class="tab-content box">
                    <div id="detail" class="tab-pane fade show active">
                        <div class="row">
                            <div class="col-lg-12">


                                <div class="btn-group-em float-right mt-3" role="group">
                                    @if(isset($screening->candidate->uploads[0]))
                                    <a href="{{ asset($screening->candidate->uploads[0]->candidate_document_link)  }}"
                                        class="btn btn-bordered btn-sm">{{ @trans('calendar.candidate_cv') }}</a>
                                    @endif
                                    <a href="{{route('admin.candidates.show',['id' => $screening->user_id,'session' => session('panel')])}}"
                                        class="btn btn-bordered btn-sm"
                                        target="_blank">{{ @trans('calendar.view_profile') }}</a>
                                </div>
                                <h3 class="detail-heading">{{ @trans('calendar.candidate_details') }}</h3>
                                <div class="info">
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.candidate_name') }}</label>
                                        <p class="display-info">{{ $screening->candidate->present()->name }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.candidate_regId') }}</label>
                                        <p class="display-info">{{ $screening->candidate->registration_id }}</p>
                                    </div>
                                </div>
                                <div class="info">
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.candidate_email') }}</label>
                                        <p class="display-info" style="word-break: break-all;">{{ $screening->candidate->email }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.candidate_mobile') }}</label>
                                        <p class="display-info">{{ $screening->candidate->mobile }}</p>
                                    </div>
                                </div>



                                <div class="btn-group-em float-right mt-3" role="group">
                                    <button type="button" class="btn btn-bordered btn-sm" data-toggle="modal"
                                        data-target="#book_screening_modal">{{ @trans('candidate.reschedule') }}</button>
                                    <button type="button" class="btn btn-bordered btn-sm" data-toggle="modal"
                                        data-target="#screening_cancel">{{ @trans('candidate.cancel') }}</button>

                                    @if($screening->screening_summary)
                                    <button type="button" class="btn btn-bordered btn-sm" data-toggle="modal"
                                        data-target="#screening_summary_modal">{{ @trans('candidate.edit_summary') }}</button>
                                    @else
                                    <button type="button" class="btn btn-bordered btn-sm" data-toggle="modal"
                                        data-target="#screening_summary_modal">{{ @trans('candidate.add_summary') }}</button>
                                    @endif

                                </div>

                                <h3 class="detail-heading">{{ @trans('calendar.screening_details') }}</h3>
                                <div class="info">
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.type') }}</label>
                                        @if($screening->type == 'Face To Face')
                                        <p class="display-info">{{ @trans('calendar.screening_inhouse') }}</p>
                                        @elseif($screening->type == 'Skype')
                                        <p class="display-info">{{ @trans('calendar.screening_virtual') }}</p>
                                        @else
                                        <p class="display-info">{{ @trans('calendar.screening_phone') }}</p>
                                        @endif
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.book_by') }}</label>
                                        <p class="display-info">{{ $screening->bookedBy->present()->name }}</p>
                                    </div>
                                </div>

                                <div class="info">
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.date') }}</label>
                                        <p class="display-info">{{ $screening->date_formatted }}</p>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.time') }}</label>
                                        <p class="display-info">{{ $screening->time_formatted }}</p>
                                    </div>
                                </div>

                                <div class="info">
                                    @if($screening->type == 'Face To Face')
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.address') }}</label>
                                        <p class="display-info">{{ $screening->location }}</p>
                                    </div>
                                    @endif
                                    @if($screening->type == 'Skype')
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.virtual_address') }}</label>
                                        <p class="display-info">{{ $screening->skype }}</p>
                                    </div>
                                    @endif
                                    @if($screening->type == 'Telephone')
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.phone') }}</label>
                                        <p class="display-info">{{ $screening->telephone }}</p>
                                    </div>
                                    @endif
                                </div>

                                <div class="info">
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.note') }}</label>
                                        @if($screening->notes)
                                        <p class="display-info">{{ $screening->notes }}</p>
                                        @else
                                        <p class="display-info">-</p>
                                        @endif
                                    </div>
                                </div>

                                <div class="info">
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.status') }}</label>
                                        @if($screening->status == 'pending')
                                        <p class="display-info">{{ @trans('calendar.pending') }}</p>
                                        @elseif($screening->status == 'cancelled')
                                        <p class="display-info">{{ @trans('calendar.cancelled') }}</p>
                                        @elseif($screening->status == 'completed')
                                        <p class="display-info">{{ @trans('calendar.completed') }}</p>
                                        @endif
                                    </div>
                                </div>

                                @if($screening->status == 'completed' )
                                <div class="info">
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.summary') }}</label>
                                        <p class="display-info">{{ $screening->screening_summary }}</p>
                                    </div>
                                </div>
                                @endif

                                @if($screening->status == 'cancelled' )
                                <div class="info">
                                    <div class="form-group">
                                        <label class="control-label">{{ @trans('calendar.reason') }}</label>
                                        <p class="display-info">{{ $screening->reason }}</p>
                                    </div>
                                </div>
                                @endif



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

            </div>
        </div>
    </div>
</main>

@endsection

@push('pageJs')
<script type="text/javascript">
    $(document).ready(function() {

        var today = new Date();
        var $date = $('#date').datepicker({
            autoHide: true,
            format: 'dd/mm/yyyy',
            zIndex: 2048,
            startDate: today.getDate() + '/' + (today.getMonth() + 1) + '/' + today.getFullYear(),
        });
        $('.time_picker').timepicker({
            'timeFormat': 'H:i:s',
            'scrollDefault': 'now'
        });
        $date.on('pick.datepicker', function (e) {
            $('#time').prop("disabled", false);
        });

        $('#frmScreeningCancel').validate({
            errorElement: 'span',
                errorClass: 'invalid-feedback',
                ignore: false,

                errorPlacement: function(error, element) {
                  error.insertAfter(element);
                },
                highlight: function(element) {
                    $(element).closest('.form-control').removeClass('is-valid').addClass('is-invalid'); // add the Bootstrap error class to the control group
                },
            rules: {
              cancellation_reason: 'required',
            },
            messages: {
              cancellation_reason : 'Reason is required',
            }
        });
        $('#frmStoreScreeningSummary').validate({
            errorElement: 'span',
            errorClass: 'invalid-feedback',
            ignore: false,
            errorPlacement: function(error, element) {
                error.insertAfter(element);
            },
            highlight: function(element) {
                $(element).closest('.form-control').removeClass('is-valid').addClass('is-invalid'); // add the Bootstrap error class to
            },
            rules: {
                screening_summary: 'required',
            },
            messages: {
                screening_summary : 'Screening Summary is required',
            }
        });
    });
</script>
@endpush


@push('pageModals')

@include('admin.modules.Calender.modals.profile_summary')
@include('admin.modules.Calender.modals.screening_cancel')
@include('admin.modules.Calender.modals.screening_book')

@endpush