@extends('tenant.rentals.rentals-tabs')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.rentals') => '/rentals',
            __('breadcrumb.rental_requests') => '#',
        ],
    ])
@endsection
@php
    $activeTab = 'rentals-rentalRequests';
@endphp
@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'rentals.rental-requests'])
@endsection

@section('content-field')

    <div>
        <x-filter-form :title="__('breadcrumb.rental_requests')" :link="route('tenant.rentals.rental-requests.index')">
            <div class="row align-items-center my-2">
                <div class="col-3">
                    <label for="from_date" class="form-label">@lang('rentals/rental-requests/index.from_date')  :</label>
                    <x-input-date identifier="from_date" name="from_date" :value="request('from_date')"></x-input-date>
                </div>

                <div class="col-3">
                    <label for="to_date" class="form-label">@lang('rentals/rental-requests/index.to_date')   :</label>
                    <x-input-date identifier="to_date" name="to_date" :value="request('to_date')"></x-input-date>
                </div>

                <div class="col-3">
                    <label for="company_name" class="form-label"> @lang('rentals/rental-requests/index.company_name')  :</label>
                    <input type="text" class="form-control" name="company_name" id="company_name"
                        value="{{ request('company_name') }}" placeholder="{{__('rentals/rental-requests/index.company_name')}}">
                </div>

                <div class="col-3">
                    <label for="archive" class="rs"> @lang('rentals/rental-requests/index.archived')</label>
                    <input type="checkbox" id="archive" class="custom-checkbox" name="archive" value="1"
                        {{ request('archive') ? 'checked' : '' }} />
                </div>
            </div>
        </x-filter-form>
        @php
            $table_options = [
                'lang' => ['noAvailableData' =>   __('noAvailableData.no_movements')],
            ];
        @endphp

        <v-table :options="{{ json_encode($table_options) }}">
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th class="xs-td">#</th>
                        <th class="md-td">@lang('rentals/rental-requests/index.company_name') </th>
                        <th class="md-td">@lang('rentals/rental-requests/index.tenant_name')</th>
                        <th class="md-td">@lang('rentals/rental-requests/index.brand')</th>
                        <th class="md-td">@lang('rentals/rental-requests/index.requested_area')</th>
                        <th class="sm-td">@lang('rentals/rental-requests/index.number_of_employees')</th>
                        <th class="md-td">@lang('rentals/rental-requests/index.nature_of_business')</th>
                        <th class="md-td">@lang('rentals/rental-requests/index.email')</th>
                        <th class="md-td">@lang('rentals/rental-requests/index.phone_number') </th>
                        <th class="md-td">@lang('rentals/rental-requests/index.request_date')</th>
                        <th class="md-td">@lang('rentals/rental-requests/index.request_status') </th>
                        <th class="sm-td">@lang('general.procedures')</th>
                    </tr>
                </thead>

                <tbody>
                    @foreach ($rentalRequests as $request)
                        <tr>
                            <td class="xs-td eye-button">
                                <span class="sip">{{ $request->id }}</span>
                                <a href="{{ route('tenant.rentals.rental-requests.show', $request->id) }}" class="dsip">
                                    <span>{{ $request->id }}</span>
                                    <i class="dsip fas fa-eye mx-2"></i>
                                </a>
                            </td>
                            <td class="md-td">{{ $request->company_name }}</td>
                            <td class="md-td">{{ $request->owner_name }}</td>
                            <td class="md-td">{{ $request->trade_mark }}</td>
                            <td class="md-td">{{ $request->required_area }} متر</td>
                            <td class="sm-td">{{ $request->employees_count }}</td>
                            <td class="md-td">{{ $request->business_type }}</td>
                            <td class="md-td">{{ $request->email }}</td>
                            <td class="md-td">{{ $request->phone }}</td>
                            <td class="md-td">{{ $request->created_at->format(config('app.date_format')) }}</td>
                            <td class="md-td">
                                <span class="badge bg-{{ $request->deleted_at ? 'danger' : 'success' }}">
                                    {{ $request->deleted_at ? 'مؤرشف' : 'جديد' }}
                                </span>
                            </td>
                            <td class="sm-td">
                                <x-operations-btn>
                                    @if (!$request->deleted_at)
                                        <li>
                                            <button class="btn archive-rental-request-btn"
                                                data-archiveRentalRequestId="{{ $request->id }}" title="{{__('rentals/rental-requests/index.archive_request')}}">
                                                <i class="fas fa-trash-alt"></i> @lang('rentals/rental-requests/index.archive_request')
                                            </button>
                                        </li>
                                    @elseif($request->deleted_at)
                                        <li>
                                            <button class="btn archive-rental-request-btn"
                                                data-archiveRentalRequestId="{{ $request->id }}" title="{{__('rentals/rental-requests/index.restore_request')}}">
                                                <i class="fas fa-trash-alt"></i> @lang('rentals/rental-requests/index.restore_request')
                                            </button>
                                        </li>
                                    @endif
                                </x-operations-btn>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </v-table>
    </div>
@endsection
@push('script')
    <script>
        $(() => {
            $(".archive-rental-request-btn").on("click", function() {
                let that = this;
                $.confirm({
                    title:$lang('rentals/rental-requests/index.confirmation_prompt'),
                    content: "",
                    type: "red",
                    buttons: {
                        ok: {
                            text: $lang('general.yes'),
                            btnClass: "btn orange-btn",
                            keys: ["enter"],
                            action: function() {
                                const archive_rental_request_id = $(that).attr(
                                    "data-archiveRentalRequestId");
                                const csrf_token = $("meta[name=\"csrf-token\"]").attr(
                                    "content");

                                let deleteForm = `
                                <form action="/rentals/rental-requests/${archive_rental_request_id}" method="POST" id="archiveRentalRequestForm">
                                    <input type="hidden" name="_token" value="${csrf_token}">
                                    <input type="hidden" name="_method" value="DELETE">
                                </form>
                            `;

                                $("body").append(deleteForm);
                                $("#archiveRentalRequestForm").trigger("submit");
                            }
                        },
                        cancel: {
                            text: $lang('general.cancel'),
                            btnClass: "btn-default",
                            keys: ["esc"]
                        }
                    }
                });
            });
        });
    </script>
@endpush