@extends('layouts.default')

@section('title')
    Appointment Request
@endsection

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

@endsection

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Appointment Request</h4></div>

                <div class="card-content">
                    <div class="card-body">
                        <form method="POST" action="{{route('appointmentUpdateRequest',$data->appointment_id)}}" enctype="multipart/form-data">
                            {!! csrf_field() !!}
                            @method('PUT')
                            <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',$data->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}}" {{isset($data->priority_id) && $data->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}}" {{isset($data->appointment_to_user_id) && $data->appointment_to_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}}" {{isset($data->request_type_id) && $data->request_type_id == $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="display: {{isset($data->request_type_id) && $data->request_type_id == 2 ? 'block' : '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(isset($data->agency_id))
                                                        <option value="{{$data->agency_id}}" selected>{{$data->agency->name}}</option>
                                                     @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="display: {{isset($data->request_type_id) && $data->request_type_id == 3 ? 'block' : 'none'}}">
                                                <input name="request_by" id="request_by" value="{{$data->requested_by}}" type="text" placeholder="Name" class="form-control request-external-name">
                                            </div>
                                            <div class="request_officer" style="display: {{isset($data->request_type_id) && $data->request_type_id == 1 ? 'block' : 'none'}}">
                                                <select name="emp_id" id="request_officer" class="select2 form-control request-officer-select">
                                                    <option value="">Select Officer</option>
                                                    @if(isset($data->emp_id))
                                                        <option value="{{$data->emp_id}}" selected>{{isset($data->employee->emp_name) ? $data->employee->emp_name : ''}}</option>
                                                     @endif
                                                </select>
                                            </div>
                                            <div class="request_stake_holder" style="display: {{isset($data->request_type_id) && $data->request_type_id == 2 ? 'block' : 'none'}}">
                                                <select name="stakeholder_id" id="request_stake_holder" class="select2 form-control request-stakeholder-select">
                                                    <option value="">Select Stake Holder</option>
                                                    @if(isset($data->stakeholder_id) && isset($data->stakeholder->name))
                                                        <option value="{{$data->stakeholder_id}}" selected>{{$data->stakeholder->name}}</option>
                                                    @endif
                                                </select>
                                            </div>
                                            @if ($errors->has('request_by'))
                                                <span class="help-block">{{ $errors->first('request_by') }}</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', $data->org_name)}}" 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', $data->designation)}}" name="request_designation"
                                                   class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 request_department">
                                    <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', isset($data->department->department_name) ? $data->department->department_name : '')}}" name="request_department"
                                                   class="form-control">
                                            <input id="request_department_id" type="hidden" value="{{old('request_department_id', $data->department_id)}}" name="request_department_id"
                                                   class="form-control">
                                        </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" name="request_mobile" value="{{ old('request_mobile', $data->mobile_no) }}"
                                                       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', $data->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" value="{{ old('phone_no', $data->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', \App\Helpers\HelperClass::customDateFormat($data->apointmnet_start_time))}}"  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',  date("h:i A", strtotime($data->apointmnet_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',$data->appointment_duration)}}"
                                                   class="form-control">
                                            <div class="input-group-append">
                                                <select class="form-control" name="typeTime" id="typeTime">
                                                    <option value="H" {{isset($data->appointment_duration_type) && $data->appointment_duration_type == 'H' ? 'selected' : ''}}>Hours</option>
                                                    <option value="M" {{isset($data->appointment_duration_type) && $data->appointment_duration_type == 'M' ? 'selected' : ''}}>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="agenda" rows="5" name="description"
                                                      placeholder="Write something..."
                                                      class="form-control">{{ old('description', $data->description ) }}</textarea>
                                    </div>
                                </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="row my-1">
                                    <div class="col-md-4"><label>Decision</label></div>
                                    <div class="col-md-8">
                                         <textarea id="agenda" rows="5" name="decision"
                                                      placeholder="Write something..."
                                                      class="form-control">{{ old('decision', $data->decision ) }}</textarea>
                                    </div>
                                </div>
                                </div>
{{--                                <div class="col-lg-4">--}}
{{--                                    <div class="row my-1">--}}
{{--                                        <div class="col-lg-4">--}}
{{--                                            <label>Agenda</label></div>--}}
{{--                                        <div class="form-group col-lg-8">--}}
{{--                                            <textarea id="agenda" rows="5" name="agenda"--}}
{{--                                                      placeholder="Write something..."--}}
{{--                                                      class="form-control">{{ old('agenda', $data->agenda ) }}</textarea>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
                            </div>

                             <div class="row">
                                 <div class="col-lg-4">
                                    <div class="row">
                                        <div class="col-lg-4">
                                            <label>Instruction</label></div>
                                        <div class="form-group col-lg-8">
                                            <textarea id="agenda" rows="5" name="instruction"
                                                      placeholder="Write something..."
                                                      class="form-control">{{ old('instruction', $data->instruction ) }}</textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                     <div class="row">
                                            <div class="col-md-2"><label class="input-required">Status</label></div>
                                            <div class="col-md-8">
                                                <ul class="list-unstyled mb-0">
                                                      <li class="d-inline-block mr-2 mb-1">
                                                        <fieldset>
                                                          <div class="custom-control custom-radio">
                                                            <input type="radio" class="custom-control-input" value="{{ old('status','P') }}" name="status" id="pending" {{$data->status == 'P' ? 'checked' : ''}}>
                                                            <label class="custom-control-label" for="pending">Pending</label>
                                                          </div>
                                                        </fieldset>
                                                      </li>
                                                      <li class="d-inline-block mr-2 mb-1">
                                                        <fieldset>
                                                          <div class="custom-control custom-radio">
                                                            <input type="radio" class="custom-control-input" value="{{ old('status','A') }}" name="status" id="approved" {{$data->status == 'A' ? 'checked' : ''}}>
                                                            <label class="custom-control-label" for="approved">Approved</label>
                                                          </div>
                                                        </fieldset>
                                                      </li>
                                                    <li class="d-inline-block mr-2 mb-1">
                                                        <fieldset>
                                                          <div class="custom-control custom-radio">
                                                            <input type="radio" class="custom-control-input" value="{{ old('status','C') }}" name="status" id="complete" {{$data->status == 'C' ? 'checked' : ''}}>
                                                            <label class="custom-control-label" for="complete">Complete</label>
                                                          </div>
                                                        </fieldset>
                                                      </li>
                                                    <li class="d-inline-block mr-2 mb-1">
                                                        <fieldset>
                                                          <div class="custom-control custom-radio">
                                                            <input type="radio" class="custom-control-input" value="{{ old('status','R') }}" name="status" id="reject" {{$data->status == 'R' ? 'checked' : ''}}>
                                                            <label class="custom-control-label" for="reject">Reject</label>
                                                          </div>
                                                        </fieldset>
                                                      </li>
                                                    </ul>
                                                @if ($errors->has('status'))
                                                    <span class="help-block">{{ $errors->first('status') }}</span>
                                                @endif
                                            </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="bx cursor-pointer"></i> Save
                                    </button>&nbsp;
                                    <a lg="6" href="{{route('appointmentRequest')}}"
                                            class="btn btn btn-outline-dark  mb-1 "><i
                                            class="bx  cursor-pointer"></i> Cancel
                                    </a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!--list-->
            @include('appointment.requestList')
        </div>
    </div>
@endsection