@extends('customer.layouts.new-app')
@section('title')
    Concerge Team:Key Waiver
@endsection
@section('css')
    <link rel="stylesheet" href="{{ asset('assets_admin/css/flatpickr.min.css') }}">
    <style>
        .select2-results__option {
            color: black !important;
        }
    </style>
@endsection
@section('content')
    <div class="container">
        <div class="row  g-2">
            <div class="col-md-2">
                @include('customer.concerge_team.sidebar')
            </div>
            <div class="col-10">
                <div class=" mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
                    <h1>KEY WAIVER</h1>
                    <p>
                        If you wish the Concierge Team to grant access to your apartment to persons whilst you are away from
                        your home, or in case of an emergency, you can grant a Key Waiver using the form below.
                    </p>
                    <p>
                        In order to grant general, open ended access, please select ‘Open Ended’ in the Waiver Type field.
                        For specific access rights, you can enter the company or person’s name, as well as setting a start &
                        end date for access to be granted.
                    </p>
                    @if ($total > 0)
                        <h4>Key Status</h4>
                        <p>Total keys signed over: {{ $total }} &nbsp;&nbsp;&nbsp;&nbsp;Keys with concierge:
                            @for ($f = 0; $f < $total; $f++)
                                <i class="fa fa-key"></i>
                            @endfor
                        </p>
                    @endif
                    @if (count($key) > 0)
                        <h4>Active Key Waivers</h4>
                        <table class="table table-bordered body_cont">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Type</th>
                                    <th>Start Date</th>
                                    <th>End Date</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($key as $item)
                                    <tr>
                                        <th scope="row">{{ $item->name }}</th>
                                        <th scope="row">{{ $item->waiver_type }}</th>
                                        @if ($item->start_date == '')
                                            <td>--</td>
                                        @else
                                            <td>{{ $item->start_date }}</td>
                                        @endif
                                        @if ($item->end_date == '')
                                            <td>--</td>
                                        @else
                                            <td>{{ $item->end_date }}</td>
                                        @endif
                                        <td>
                                            <a href="{{ url('customer/concerge-team/key-waiver/edit/' . $item->id) }}"
                                                class="anchor text-primary">change</a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @endif
                    <div class="card m-2 bg-primary">
                        <div class="card-body text-white">
                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <h2>
                                        Please remove following errors
                                    </h2>
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            <form class="validateme" autocomplete="off"
                                action="{{ url('customer/concerge-team/key-waiver') }}" method="post"
                                id="add_a_key_waiver">
                                @csrf
                                <h2>Add a New Key Waiver</h2>
                                Name
                                <input name="key_waiver_person" id="key_waiver_person" class="form-control" type="text"
                                    required>
                                Company
                                <input name="key_waiver_company" id="key_waiver_company" class="form-control" type="text"
                                    required>
                                Waiver Type
                                <select id="waiver_type" name="key_waiver_type" class="form-control select2" required>
                                    <option value="OPEN">Open Ended</option>
                                    <option value="TEMP">Temporary</option>
                                </select>
                                <div class="next hidden" id="temp-dates">
                                    Start Date
                                    <input id="start_date" name="key_waiver_start" class="form-control datepicker"
                                        type="text">
                                    End Date
                                    <input id="end_date" name="key_waiver_end" class="form-control datepicker"
                                        type="text">
                                </div>
                                <p class="smallprint mt-4">I agree that by submitting this form I accept full responsibility
                                    for authorising the release of
                                    a key to my apartment to a non-leaseholder, and will not hold the building management
                                    liable for any damages that may be incurred to my apartment
                                    or personal property. I further understand that it is my responsibility to verify with
                                    the party that will be accepting
                                    my key that my apartment has been properly secured once they have completed their visit.
                                </p>
                                <p class="alignright">
                                    <input class="btn btn-dark" type="submit" value="Add Key Waiver »">
                                </p>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script src="{{ asset('assets_admin/js/flatpickr.js') }}"></script>
    <script>
        flatpickr('.datepicker', {
            minDate: "today",
            allowInput: true,
            maxDate: new Date().fp_incr(14) // 14 days from now
        })
    </script>
@endsection