@extends('tenant.rentals.rentals-tabs')
@php
    $activeTab = 'rentals-contracts';
@endphp
@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.rentals') => '/rentals',
            __('breadcrumb.contracts') => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'rentals.contracts'])
@endsection

@section('content-field')

    <div>
        <x-filter-form :title="__('breadcrumb.contracts')" :link="route('tenant.rentals.rental-contracts.index')">
            <div class="row align-items-center">
                <div class="col-3 my-2">
                    <label for="expire_date">@lang('rentals/contracts/index.contracts_ending_soon') :</label>

                    {{-- <input type="number" name="expire_date" id="expire_date" class="form-control" value="{{ request('expire_date') }}" placeholder="العدد بالأيام"> --}}
                    <select name="expire_date" id="expire_date">
                        @php $periods = ['اسبوع' => 7, 'شهر' => 30, 'شهرين' => 60, '3 شهور' => 90, 'سنة' => 365]; @endphp

                        <option value=""> @lang('rentals/contracts/index.select_end_duration') </option>
                        @foreach ($periods as $period_key => $period_value)
                            <option value="{{ $period_value }}"
                                {{ request('expire_date') == $period_value ? 'selected' : '' }}>
                                {{ $period_key }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-3 my-2">
                    <label for="building">@lang('rentals/contracts/index.building')  :</label>
                    <select name="building_id" id="building">
                        <option value="">@lang('rentals/contracts/index.select_building') </option>
                        @foreach ($buildings as $building)
                            <option value="{{ $building->id }}"
                                {{ request('building_id') == $building->id ? 'selected' : '' }}>
                                {{ $building->title }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-3 my-2">
                    <label for="contractNumber" class="mx-1">@lang('rentals/contracts/index.contract_number')</label>
                    <input type="number" class="form-control" name="contract_number" id="contractNumber"
                        value="{{ request('contract_number') }}">
                </div>

                <div class="col-3 my-2">
                    <label for="status">@lang('rentals/contracts/index.contract_status')</label>
                    <select name="status[]" id="status" multiple placeholder="{{__('general.all')}}">
                        <option value="draft" {{ request('status') == 'draft' ? 'selected' : '' }}>@lang('rentals/contracts/index.draft')</option>
                        <option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>@lang('rentals/contracts/index.active')</option>
                        <option value="terminated" {{ request('status') == 'terminated' ? 'selected' : '' }}>@lang('rentals/contracts/index.terminated')
                        </option>
                        <option value="trashed" {{ request('status') == 'trashed' ? 'selected' : '' }}>@lang('rentals/contracts/index.trashed')</option>
                        <option value="unactive" {{ request('status') == 'unactive' ? 'selected' : '' }}> @lang('rentals/contracts/index.inactive')
                        </option>
                    </select>
                </div>

                <div class="col-3 my-2">
                    <label for="withTrashed" class="mx-1"> @lang('rentals/contracts/index.show_trashed')</label>
                    <input type="checkbox" class="custom-checkbox" name="with_trashed" id="withTrashed" value="1"
                        {{ request('with_trashed') ? 'checked' : '' }}>
                </div>
            </div>

            <input type="hidden" name="formType" value="filter">
        </x-filter-form>

        <div class="d-flex mt-4 page-operations-section">
            @can('rentals-contracts-add')
                <a href="{{ route('tenant.rentals.rental-contracts.create') }}"
                    class="btn orange-btn btn-sm ms-5" title="{{__('general.add_new')}}">
                    @lang('rentals/contracts/index.add_new_contract')
                    <i class="fas fa-plus-circle"></i>
                </a>
            @endcan

            <form
                action="{{ route('tenant.rentals.rental-contracts.export-excel') . '?' . http_build_query(request()->query()) }}"
                method="post" id="delete-receivable-type-form">
                @csrf
                <button type="submit" id="excel_report_btn" class="btn green-btn">
                    <i class="fas fa-file-excel"></i> @lang('rentals/contracts/index.export_excel')
                </button>
            </form>
        </div>

        @php
            $table_options = [
                'enableSumValuesOnColumns' => [7, 8, 9],
                'lang' => ['noAvailableData' =>  __('noAvailableData.no_invoices')],
            ];
        @endphp

        <v-table :options="{{ json_encode($table_options) }}">
            <table class="table  table-hover table-striped sticky-table mt-3" data-editableKey="rental-contracts">
                <thead>
                    <tr>
                        <th class="xs-td">@lang('rentals/contracts/index.contract')</th>
                        <th class="md-td">@lang('rentals/contracts/index.tenant')</th>
                        <th class="sm-td">@lang('rentals/contracts/index.type_of_rental')</th>
                        <th class="sm-td">@lang('rentals/contracts/index.shop_booth')</th>
                        <th class="sm-td">@lang('rentals/contracts/index.starting_work_permit_date')</th>
                        <th class="sm-td">@lang('rentals/contracts/index.expire_work_permit_date')</th>
                        <th class="md-td">@lang('rentals/contracts/index.contract_duration_type')</th>
                        <th class="sm-td">@lang('rentals/contracts/index.contract_value')</th>
                        <th class="sm-td">@lang('rentals/contracts/index.knowledge')</th>
                        <th class="sm-td">@lang('rentals/contracts/index.services')</th>
                        <th class="sm-td">@lang('rentals/contracts/index.status')</th>
                        <th class="sm-td">@lang('rentals/contracts/index.creation_date')</th>
                        <th class="sm-td">@lang('general.procedures')</th>
                    </tr>
                </thead>

                <tbody>
                    @php $amount_sum =  $knowledge_tax_sum  = $services_amount_sum =  0; @endphp
                    @forelse ($contracts as $contract)
                        <tr>
                            <td class="xs-td eye-button">
                                <a
                                    href="{{ route('tenant.rentals.rental-contracts.show', ['rental_contract' => $contract->id]) }}">
                                    <i class="dsip fas fa-eye mx-2"></i>
                                    {{ $contract->order }}
                                </a>
                            </td>
                            <td class="md-td">{{ $contract->tenant->name }}</td>
                            <td class="sm-td">{{ $contract->rented_type_as_ar }}</td>
                            <td class="sm-td">{{ $contract->rented_place->title }}</td>
                            <td class="sm-td">{{ $contract->parseDateToCarbon('period_starting')->format('Y-m-d') }}</td>
                            <td class="sm-td">{{ $contract->parseDateToCarbon('period_ending')->format('Y-m-d') }}</td>
                            <td class="md-td">{{ $contract->contract_term_type_as_ar }}</td>
                            <td class="sm-td">{{ dn($contract->amount) }} {{ $contract->payment_frequency_as_ar }}</td>
                            <td class="sm-td">
                                {{ $contract->knowledge_tax ? dn($contract->knowledge_tax) . ' سنوياً' : '---' }}</td>
                            <td class="sm-td">
                                {{ $contract->services_amount ? dn($contract->services_amount) : '---' }}
                            </td>
                            <td class="sm-td">
                                <span class="badge bg-{{ $contract->status_color }}">
                                    {{ $contract->status_as_text }}
                                </span>
                            </td>
                            <td class="sm-td">{{ $contract->created_at->format('Y-m-d') }}</td>
                            <td class="sm-td">
                                <x-operations-btn>
                                    @can('rentals-contracts-show')
                                        <li>
                                            <a href="{{ route('tenant.rentals.rental-contracts.show', ['rental_contract' => $contract->id]) }}"
                                                class="btn" title="{{__('rentals/contracts/index.view_contract')}}">
                                                <i class="fas fa-eye"></i> @lang('rentals/contracts/index.view_contract')
                                            </a>
                                        </li>
                                    @endcan

                                    <li>
                                        <button class="btn rounded-pill print_contract_btn"
                                            data-contractId="{{ $contract->id }}">
                                            <i class="fas fa-print"></i> @lang('general.print')
                                        </button>
                                    </li>

                                    @if ($contract->status == 'draft')
                                        @can('rentals-contracts-edit')
                                            <li>
                                                <a href="{{ route('tenant.rentals.rental-contracts.edit', ['rental_contract' => $contract->id]) }}"
                                                    class="btn" title="{{__('general.edit')}}">
                                                    <i class="fas fa-edit"></i> @lang('rentals/contracts/index.edit_contract')
                                                </a>
                                            </li>
                                        @endcan
                                    @endif

                                    @if ($contract->status == 'draft')
                                        @can('rentals-contracts-post')
                                            <li>
                                                <form onsubmit="handleSubmit(event)"
                                                    action="{{ route('tenant.rentals.rental-contracts.post', ['rental_contract' => $contract->id]) }}"
                                                    method="POST">
                                                    @csrf
                                                    <button class="btn" title="{{__('rentals/contracts/index.transfer_contract')}}">
                                                        <i class="far fa-check-circle"></i>@lang('rentals/contracts/index.transfer_contract')
                                                    </button>
                                                </form>
                                            </li>
                                        @endcan

                                        @can('rentals-contracts-delete')
                                            <li>
                                                <form onsubmit="handleSubmit(event)"
                                                    action="{{ route('tenant.rentals.rental-contracts.destroy', ['rental_contract' => $contract->id]) }}"
                                                    method="post">
                                                    @csrf
                                                    @method('DELETE')

                                                    <button class="btn" title="{{__('rentals/contracts/index.neglect_contract')}}">
                                                        <i class="fas fa-trash-alt"></i> @lang('rentals/contracts/index.neglect_contract')
                                                    </button>
                                                </form>
                                            </li>
                                        @endcan
                                    @endif

                                    @if ($contract->status == 'trashed')
                                        @can('rentals-contracts-restore')
                                            <li>
                                                <form onsubmit="handleSubmit(event)"
                                                    action="{{ route('tenant.rentals.rental-contracts.restore', ['rental_contract' => $contract->id]) }}"
                                                    method="post">
                                                    @csrf

                                                    <button class="btn" title="{{__('rentals/contracts/index.return_contract')}}">
                                                        <i class="fas fa-undo"></i> @lang('rentals/contracts/index.return_contract')
                                                    </button>
                                                </form>
                                            </li>
                                        @endcan
                                    @endif

                                    @if ($contract->status == 'active')
                                        @can('rentals-contracts-renew')
                                            <li>
                                                <form onsubmit="handleSubmit(event)"
                                                    action="{{ route('tenant.rentals.rental-contracts.renew', ['rental_contract' => $contract->id]) }}"
                                                    method="POST">
                                                    @csrf
                                                    <button class="btn" title="{{__('rentals/contracts/index.renew_contract')}}">
                                                        <i class="fas fa-sync"></i> @lang('rentals/contracts/index.renew_contract')
                                                    </button>
                                                </form>
                                            </li>
                                        @endcan

                                        @can('rentals-contracts-terminate')
                                            <li>
                                                <a href="{{ route('tenant.rentals.rental-contracts.terminate', ['rental_contract' => $contract->id]) }}"
                                                    class="btn" title="{{__('rentals/contracts/index.terminate_contract')}}">
                                                    <i class="fas fa-ban"></i> @lang('rentals/contracts/index.terminate_contract')
                                                </a>
                                            </li>
                                        @endcan
                                    @endif
                                </x-operations-btn>
                            </td>
                        </tr>
                        @php
                            $amount_sum += $contract->amount;
                            $knowledge_tax_sum += $contract->knowledge_tax;
                            $services_amount_sum += $contract->services_amount;
                        @endphp
                    @empty
                        <tr>
                            <td colspan="13">@lang('rentals/contracts/index.no_contracts_yet')</td>
                        </tr>
                    @endforelse
                </tbody>
                @if (!$contracts->isEmpty())
                    <tfoot>
                        <tr id="tFooteTarget" class="bordered-top">
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>{{ dn($amount_sum) }}</td>
                            <td>{{ dn($knowledge_tax_sum) }}</td>
                            <td>{{ dn($services_amount_sum) }}</td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </tfoot>
                @endif
            </table>
        </v-table>

        <div id="printContract"></div>

        <div>
            {!! $contracts->links() !!}
        </div>
    </div>
@endsection

@push('script')
    <script type="module">
        import printSection from "/tenancy/assets/js/print.js";

        $(() => {
            $('.print_contract_btn').on('click', function() {
                const contract_id = $(this).attr('data-contractId');
                const link = "{{ route('tenant.rentals.rental-contracts.print-contract') }}";
                const csrf_token = $("meta[name=\"csrf-token\"]").attr("content");

                let formData = new FormData();
                formData.append('_token', csrf_token);
                formData.append('contract_id', contract_id);

                axios.post(link, formData).then((response) => {
                    $('#printContract').html(response.data.view);
                    let target = $("#printContract").clone();
                    let title = "عقد الإيجار";

                    // Show the content of invoices when the show mode is detailed
                    $(target).find('#invoicesTab').remove();
                    $('<p>فواتير الإيجار</p>').insertBefore($(target).find('#rental-invoices'));
                    $(target).find('#rental-invoices table').unwrap();
                    $('<p>فواتير الخدمات</p>').insertBefore($(target).find('#services-invoices'));
                    $(target).find('#services-invoices table').unwrap();
                    $('<p>فواتير المعارف</p>').insertBefore($(target).find('#knowledges-invoices'));
                    $(target).find('#knowledges-invoices table').unwrap();

                    const print_data = @json(Session::get('print_data'));
                    let css_link = "/tenancy/assets/css/accounting/printing/bonds.css";
                    printSection.print(target, print_data, title, css_link, true, {});
                    $('#printContract').html("");
                }).catch((error) => {
                    console.log(error);
                });
            });

            $(".confirm-delete-btn").click(function(e) {
                let form = $(this).closest("form");
                $.confirm({
                    title: $lang('rentals/contracts/index.confirm_delete_contract'),
                    content:$lang('rentals/contracts/index.contract_deletion_warning'),
                    type: "red",
                    buttons: {
                        ok: {
                            text: $lang('general.yes'),
                            btnClass: "btn orange-btn",
                            keys: ["enter"],
                            action: function() {
                                form.submit();
                            }
                        },
                        cancel: {
                            text: $lang('general.cancel'),
                            btnClass: "btn-default",
                            keys: ["esc"]
                        }
                    }
                });
            });

            $(".confirm-renew-btn").click(function(e) {
                let form = $(this).closest("form");
                $.confirm({
                    title: $lang('rentals/contracts/index.confirm_renew_contract'),
                    content: $lang('rentals/contracts/index.contract_renewal_warning'),
                    type: "blue",
                    buttons: {
                        ok: {
                            text:  $lang('general.yes'),
                            btnClass: "btn orange-btn",
                            keys: ["enter"],
                            action: function() {
                                form.submit();
                            }
                        },
                        cancel: {
                            text: $lang('general.cancel'),
                            btnClass: "btn-default",
                            keys: ["esc"]
                        }
                    }
                });
            });
        });
    </script>
@endpush