@extends('layouts.default')

@section('title')
    Appointment Purpose
@endsection

@section('header-style')
    <!--Load custom style link or css-->

@endsection

@section('content')
    {{--@if($operators->isEmpty())
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-content">
                    <div class="card-body">
                       <h4 class="card-title">You have no operator. Please setting Operator &nbsp;<a class="btn btn btn-dark shadow mr-1" href="{{route('settingsStoreOperatorMapping')}}">Click here</a></h4>

                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @else--}}
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Appointment Purpose</h4></div>

                <div class="card-content">
                    <div class="card-body">
                        <form method="POST" action="" enctype="multipart/form-data">
                            {!! csrf_field() !!}
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="row my-1">
                                    <div class="col-md-4"><label class="input-required">Agenda</label></div>
                                    <div class="col-md-8">
                                        <input id="appointment_name" type="text" name="agenda" value="{{ old('agenda') }}"
                                                   class="form-control">
                                        @if ($errors->has('agenda'))
                                                <span class="help-block">{{ $errors->first('agenda') }}</span>
                                        @endif
                                    </div>
                                </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="row my-1">
                                    <div class="col-md-4"><label class="input-required">Priority</label></div>
                                    <div class="col-md-8">
                                        <select class="form-control" name="priority_id">
                                            <option  value="">-- Please select an option --</option>
                                            @foreach($priorities as $priority)
                                                <option  value="{{$priority->priority_id}}" {{ old('priority_id') == $priority->priority_id ? 'selected' : '' }}>{{$priority->priority_name}}</option>
                                            @endforeach
                                        </select>
                                        @if ($errors->has('priority_id'))
                                                <span class="help-block">{{ $errors->first('priority_id') }}</span>
                                        @endif
                                    </div>
                                </div>
                                </div>
                                @if(!$operators->isEmpty())
                                <div class="col-lg-4">
                                    <div class="row my-1">
                                    <div class="col-md-4"><label class="input-required">Appointment To</label></div>
                                    <div class="col-md-8">
                                        <select class="select2 form-control" name="meeting_caller_user_id">
                                            <option  value="">-- Please select an option --</option>
                                             @foreach($operators as $operator)
                                                <option value="{{$operator->operator_for_user_id}}" {{count($operators)  == 1 || old('meeting_caller_user_id') == $operator->operator_for_user_id  ? 'Selected' : ''}}>{{isset($operator->user->employee->emp_name) ? $operator->user->employee->emp_name : ''}}</option>
                                             @endforeach
                                        </select>
                                        @if ($errors->has('meeting_caller_user_id'))
                                                <span class="help-block">{{ $errors->first('meeting_caller_user_id') }}</span>
                                        @endif
                                    </div>
                                </div>
                                </div>
                                @else
                                    <input type="hidden" name="meeting_caller_user_id" value="{{\Auth::id()}}">
                                @endif

                            </div>
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="row">
                                        <div class="col-lg-4"><label class="input-required">Request Type</label></div>
                                        <div class="form-group col-lg-8">
                                            <select class="form-control request_type" name="request_type">
                                                <option  value="">-- Please select an option --</option>
                                                  @foreach($participantType as $type)
                                                        <option value="{{$type->request_id}}" {{old('request_type') == $type->request_id  ? 'Selected' : ''}}>{{$type->request_name}}</option>
                                                 @endforeach
                                            </select>
                                         @if ($errors->has('request_type'))
                                                <span class="help-block">{{ $errors->first('request_type') }}</span>
                                         @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 agencyStakeholder" style="{{ (old('agency') && old('request_type') == 2) ||  (old('request_type') == 2 && old('request_type') != 1)   ? 'display: block' : 'display: none' }}">
                                    <div class="row">
                                        <div class="col-lg-4"><label>Agency</label></div>
                                        <div class="form-group col-lg-8">
                                             <select name="agency" id="agency" class="select2 form-control agency-select">
                                                    <option value="">Select Agency</option>
                                                 @if(old('agency') || old('request_type') == 2)
                                                     @foreach($agency as $a)
                                                         <option value="{{$a->agency_id}}"  {{old('agency') == $a->agency_id ? 'selected' : ''}}>{{$a->name}}</option>
                                                     @endforeach
                                                 @endif
                                             </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="row">
                                        <div class="col-lg-4"><label class="input-required">Requested By</label></div>
{{--                                        <input name="request_by" id="request_by" type="hide" placeholder="Name" class="form-control">--}}
                                        <div class="form-group col-lg-8">
                                            <div class="request_external" style="{{ (old('stakeholder_id') || old('emp_id')) || (old('request_type') != 3 && old('request_type') == 1 || old('request_type') == 2)  ? 'display: none' : 'display: block' }}">
                                                <input name="request_by" id="request_by" type="text" placeholder="Name" class="form-control request-external-name">
                                            </div>
                                            <div class="request_officer" style="{{ (old('emp_id') && old('request_type') == 1) ||  (old('request_type') == 1 && old('request_type') != 2)   ? 'display: block' : 'display: none' }}">

                                                <select name="emp_id" id="request_officer" class="select2 form-control request-officer-select" style="width: 318px;">
                                                     @if(old('emp_id') || old('request_type') == 1)
                                                        @php $officer = \App\Helpers\HelperClass::getOfficer(old('emp_id')); @endphp
                                                             <option value="{{$officer->id}}" selected>{{$officer->emp_name.'-'.$officer->emp_code}}</option>
                                                         @else
                                                         <option value="">Select Officer</option>
                                                     @endif
                                                </select>
                                            </div>
                                            <div class="request_stake_holder" style="{{ (old('stakeholder_id') && old('request_type') == 2) ||  (old('request_type') == 2 && old('request_type') != 1)   ? 'display: block' : 'display: none' }}">
                                                <select name="stakeholder_id" id="request_stake_holder" class="select2 form-control request-stakeholder-select">
                                                    <option value="">Select Stake Holder</option>
                                                    @if(old('stakeholder_id') || old('request_type') == 2)
                                                        @foreach(\App\Helpers\HelperClass::getStakeHolders(old('stakeholder_id')) as $stakeholder)
                                                            <option value="{{$stakeholder->stakeholder_id}}" {{$stakeholder->stakeholder_id || old('stakeholder_id') ? 'selected' : ''}}>{{$stakeholder->name}}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                            @if ($errors->has('request_by'))
                                                <span class="help-block">{{ $errors->first('request_by') }}</span>
                                            @endif
                                            @if ($errors->has('emp_id'))
                                                <span class="help-block">{{ $errors->first('emp_id') }}</span>
                                            @endif
                                            @if ($errors->has('stakeholder_id'))
                                                <span class="help-block">{{ $errors->first('stakeholder_id') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-4 request_organization">
                                    <div class="row">
                                        <div class="col-lg-4"><label>Organization</label></div>
                                        <div class="form-group col-lg-8">
                                            <input id="request_organization" type="text" value="{{old('request_organization')}}" name="request_organization"
                                                   class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 request_designation">
                                    <div class="row">
                                        <div class="col-lg-4"><label>Designation</label></div>
                                        <div class="form-group col-lg-8">
                                            <input id="request_designation" type="text" value="{{old('request_designation')}}" name="request_designation"
                                                   class="form-control" readonly>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 request_department" style="display:{{old('request_type') == 2 ? 'none' : ''}}">
                                    <div class="row">
                                        <div class="col-lg-4"><label>Department</label></div>
                                        <div class="form-group col-lg-8">
                                            <input id="request_department" type="text" value="{{old('request_department')}}" name="request_department"
                                                   class="form-control" readonly>
                                            <input  type="hidden" name="request_department_id"
                                                   class="form-control request_department_id">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="row">
                                        <div class="col-lg-4"><label>Mobile</label></div>
                                        <div class="form-group col-lg-8">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">+88</span>
                                                </div>
                                                <input id="request_mobile" type="text" maxlength="11" name="request_mobile" value="{{ old('request_mobile') }}"
                                                       class="form-control only-number">
                                            </div>
                                            @if ($errors->has('request_mobile'))
                                                <span class="help-block">{{ $errors->first('request_mobile') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="row">
                                        <div class="col-lg-4"><label>Phone No</label></div>
                                        <div class="form-group col-lg-8">
                                            <input id="request_mobile" type="text" maxlength="11" name="phone_no" value="{{ old('phone_no') }}"
                                                   class="form-control only-number">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="row">
                                        <div class="col-lg-4"><label>Email</label></div>
                                        <div class="form-group col-lg-8">
                                            <input id="email" type="email" name="email"
                                                   class="form-control">
                                        </div>
                                    </div>
                                </div>

                            </div>
                         <div class="row">
                            <div class="col-md-4">
                                <div class="row my-1">
                                    <div class="col-md-4"><label class="input-required">Date</label></div>
                                    <div class="col-md-8">
                                        <div class="input-group date datePiker" id="appointment-date" data-target-input="nearest">
                                            <input type="text" autocomplete="off" class="form-control datetimepicker-input" value="{{ old('appointment_date' ) }}"  name="appointment_date" data-toggle="datetimepicker"  data-target="#appointment-date"/>
                                            <div class="input-group-append" data-target="#appointment-date" data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="bx bxs-calendar"></i></div>
                                            </div>
                                        </div>
                                        @if ($errors->has('appointment_date'))
                                                <span class="help-block">{{ $errors->first('appointment_date') }}</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="row my-1">
                                    <div class="col-md-4"><label class="input-required">Start Time</label></div>
                                    <div class="col-md-8">
                                        <div class="input-group date timePiker" id="start-time" data-target-input="nearest">
                                            <input type="text" autocomplete="off" class="form-control datetimepicker-input" value="{{ old('start_time' ) }}" name="start_time" data-toggle="datetimepicker" data-target="#start-time"/>
                                            <div class="input-group-append" data-target="#start-time" data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="bx bx-time"></i></div>
                                            </div>
                                        </div>
                                        @if ($errors->has('start_time'))
                                                <span class="help-block">{{ $errors->first('start_time') }}</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="row my-1">
                                    <div class="col-md-4"><label class="input-required">Duration</label></div>
                                    <div class="col-md-8">
                                        <div class="input-group">
                                            <input id="duration" autocomplete="off" type="number" name="duration" value="{{ old('duration')}}"
                                                   class="form-control">
                                            <div class="input-group-append">
                                                <select class="form-control" name="typeTime" id="typeTime">
                                                    <option value="H">Hours</option>
                                                    <option value="M">Minutes</option>
                                                </select>
                                            </div>
                                        </div>
                                        @if ($errors->has('duration'))
                                                <span class="help-block">{{ $errors->first('duration') }}</span>
                                        @endif
                                      </div>
                                </div>
                            </div>
                        </div>

                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="row my-1">
                                    <div class="col-md-4"><label>Description</label></div>
                                    <div class="col-md-8">
                                         <textarea id="description" rows="5" name="description"
                                                      placeholder="Write something..."
                                                      class="form-control">{{ old('description')}}</textarea>
                                    </div>
                                </div>
                                </div>
{{--                                <div class="col-lg-8">--}}
{{--                                    <div class="row my-1">--}}
{{--                                        <div class="col-lg-2">--}}
{{--                                            <label>Agenda</label></div>--}}
{{--                                        <div class="form-group col-lg-10">--}}
{{--                                            <textarea id="agenda" rows="5" name="agenda"--}}
{{--                                                      placeholder="Write something..."--}}
{{--                                                      class="form-control"></textarea>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
                            </div>

{{--                            @include('shared.participant')--}}
                            <div class="row">
                                <div class="mt-2 d-flex justify-content-end col">
                                    <button lg="6" type="submit" name="save"
                                            class="btn btn btn-dark shadow mr-1 mb-1"><i
                                            class="cursor-pointer"></i> Save
                                    </button>&nbsp;
                                    <button lg="6" type="reset"
                                            class="btn btn btn-outline-dark  mb-1"><i
                                            class="cursor-pointer"></i> Cancel
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!--list-->
            @include('appointment.requestList')
        </div>
    </div>
    {{--@endif--}}
@endsection