@extends('master')
@section('content')
    <div class="page-wrapper">
        <div class="content">
            <div class="page-header">
                <div class="page-title">
                    <h4>{{ __('sitelabel.UpdateVisitorBook') }}</h4>
                </div>
            </div>

            <form method="post" action="{{ url('/editvisitorbookprocess') }}" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="hbid" value="{{ $visitor->VisitorId }}">
                <input type="hidden" name="hfAttachedDocument" value="{{ $visitor->AttachedDocument }}">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Purpose') }}<span class="text-danger">*</span></label>
                                    <select class="form-select" name="cmbPurpose" id="cmbPurpose">
                                        <option value="">{{ __('sitelabel.SelectPurpose') }}</option>
                                        @foreach ($purposes as $item)
                                            <option value="{{ $item->Id }}"
                                                {{ $visitor->PurposeId == $item->Id ? 'selected' : '' }}>
                                                {{ $item->PurposeType }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <span class="text-danger">
                                        @error('cmbPurpose')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.MeetingWith') }}<span class="text-danger">*</span></label>
                                    <select class="form-select" name="cmbMeetingWith" id="cmbMeetingWith">
                                        <option value="">{{ __('sitelabel.SelectMeetingWith') }}</option>
                                        @foreach ($employees as $item)
                                            <option value="{{ $item->Id }}"
                                                {{ $visitor->MeetingWith == $item->Id ? 'selected' : '' }}>
                                                {{ $item->FullName }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <span class="text-danger">
                                        @error('cmbMeetingWith')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.VisitorName') }}<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="txtName" name="txtName"
                                        value="{{ $visitor->Name }}">
                                    <span class="text-danger">
                                        @error('txtName')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Phone') }}</label>
                                    <input type="text" class="form-control" id="txtPhoneNumber" name="txtPhoneNumber"
                                        value="{{ $visitor->PhoneNumber }}">
                                    <span class="text-danger">
                                        @error('txtPhoneNumber')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.IDCard') }}</label>
                                    <input type="text" class="form-control" id="txtIDCardNumber" name="txtIDCardNumber"
                                        value="{{ $visitor->IDCardNumber }}">
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.NumberOfPersons') }}</label>
                                    <input type="number" class="form-control" id="txtNumberOfPerson" name="txtNumberOfPerson"
                                        value="{{ $visitor->NumberOfPerson }}" min="1">
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.VisitDate') }}<span class="text-danger">*</span></label>
                                    <input type="date" class="form-control" id="txtVisitDate" name="txtVisitDate"
                                        value="{{ date('Y-m-d', strtotime($visitor->VisitDate)) }}">
                                    <span class="text-danger">
                                        @error('txtVisitDate')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.TimeIn') }}<span class="text-danger">*</span></label>
                                    <input type="time" class="form-control" id="txtTimeIn" name="txtTimeIn"
                                        value="{{ date('H:i', strtotime($visitor->TimeIn)) }}">
                                    <span class="text-danger">
                                        @error('txtTimeIn')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.TimeOut') }}<span class="text-danger">*</span></label>
                                    <input type="time" class="form-control" id="txtTimeOut" name="txtTimeOut"
                                        value="{{ date('H:i', strtotime($visitor->TimeOut)) }}">
                                    <span class="text-danger">
                                        @error('txtTimeOut')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.AttachDocument') }}</label>
                                    <input type="file" class="form-control" id="fileAttachment" name="fileAttachment">
                                    @if($visitor->AttachedDocument)
                                        <div class="mt-2">
                                            <a href="{{ asset('uploads/visitors/'.$visitor->AttachedDocument) }}" target="_blank">
                                                {{ $visitor->AttachedDocument }}
                                            </a>
                                        </div>
                                    @endif
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Status') }}</label>
                                    <div class="status-toggle">
                                        <input class="form-check-input" type="checkbox" id="chkStatus" name="chkStatus"
                                            {{ $visitor->Status ? 'checked' : '' }}>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-12 col-sm-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Note') }}</label>
                                    <textarea class="form-control" id="txtNote" name="txtNote" rows="3">{{ $visitor->Note }}</textarea>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <button type="submit" class="btn btn-primary">{{ __('sitelabel.Update') }}</button>
                                <button type="button" onclick="javascript:window.location='{{ url('/visitorbook') }}';"
                                    class="btn btn-dark">{{ __('sitelabel.Back') }}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            $('#cmbPurpose, #cmbMeetingWith').select2({
                theme: "bootstrap-5",
                width: '100%'
            });
        });

        window.onload = myOnload;

        function myOnload() {
            @if (session()->get('locale') == 'ur')
                MakeTextBoxUrduEnabled(txtName);
                MakeTextBoxUrduEnabled(txtNote);
            @endif
        }
    </script>
@endsection