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

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.rentals') => '/rentals',
            __('breadcrumb.buildings') => '#',
        ],
    ])
@endsection

@php
    $activeTab = 'rentals-buildings';
@endphp
@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'rentals.buildings'])
@endsection

@section('style')
<link rel="stylesheet" href="{{ asset('css/layouts/custom-tabs.css') }}">
    <style>
        .floors-count {
            text-decoration: none;
            color: black;
            padding: 0 0 0 8px;
            font-size: 14px;
        }
    </style>
@endsection

@section('content-field')
    <div>
        <div class="d-flex justify-content-between">
            <h4>@lang('rentals/buildings/index.buildings')</h4>

            @can('rentals-buildings-add')
                <a href="{{ route('tenant.rentals.buildings.create') }}" class="btn orange-btn btn-sm" title="{{__('general.add_new')}}">
                    <i class="fas fa-plus-circle"></i> @lang('rentals/buildings/index.add_new_building')
                </a>
            @endcan
        </div>

        <div>
            <table class="table table-bordered table-striped mt-3 ml-3">
                <thead>
                    <tr>
                        <th class="xs-td">#</th>
                        {{-- <th class="md-td">نوع المبنى</th> --}}
                        <th class="md-td">@lang('rentals/buildings/index.address')</th>
                        <th class="sm-td">@lang('rentals/buildings/index.area')</th>
                        <th class="sm-td">@lang('rentals/buildings/index.land')</th>
                        <th class="sm-td">@lang('rentals/buildings/index.attachments')</th>
                        <th class="sm-td">@lang('rentals/buildings/index.number_of_floors')</th>
                        <th class="sm-td">@lang('rentals/buildings/index.construction_date')</th>
                        <th class="sm-td">@lang('rentals/buildings/index.starting_work_permit_date')</th>
                        <th class="sm-td">@lang('rentals/buildings/index.expire_work_permit_date')</th>
                        <th class="sm-td">@lang('general.procedures')</th>
                    </tr>
                </thead>

                <tbody>
                    @php $area_sum = 0; @endphp
                    @forelse ($buildings as $building)
                        <tr>
                            <td class="xs-td eye-button">
                                <a href="{{ route('tenant.rentals.buildings.show', ['building' => $building->id]) }}"
                                    class="btn" title="{{__('general.show')}}">
                                    <i class="dsip fas fa-eye mx-2"></i>
                                    {{ $loop->iteration }}
                                </a>
                            </td>
                            {{-- <td class="md-td">{{ $building->building_type->name }}</td> --}}
                            <td class="md-td">{{ $building->title }}</td>
                            <td class="sm-td">{{ $building->area }} @lang('rentals/buildings/index.meter')</td>
                            <td class="sm-td">{{ $building->earth_place }}</td>
                            <td class="sm-td">
                                @if ($building->attachments)
                                    @php $files = (array)json_decode($building->attachments); @endphp
                                    @foreach ($files as $file)
                                        <form action="{{ route('tenant.files.download') }}" method="post" target="_blank"
                                            name="download-receivable-file-{{ $building->id }}-form">
                                            @csrf
                                            <input type="hidden" name="filename" value="{{ tenant_storage_path($file) }}"
                                                required>
                                            <input type="submit" class="btn btn-link" value="تحميل الملف">
                                        </form>
                                    @endforeach
                                @else
                                    <p>@lang('rentals/buildings/index.no_attachments_yet')</p>
                                @endif
                            </td>
                            <td class="sm-td">
                                <a href="{{ route('tenant.rentals.floors.index') . '?building_id=' . $building->id }}"
                                    class="floors-count">
                                    {{ $building->floors_count }}
                                </a>
                                <a href="{{ route('tenant.rentals.floors.create') . '?building_id=' . $building->id }}"
                                    class="btn btn-sm orange-btn" title="{{__('general.add_new_floor')}}">
                                    <i class="fas fa-plus"></i>
                                </a>
                            </td>
                            <td class="sm-td">{{ $building->created_at->format(config('app.date_format')) }}</td>
                            <td class="sm-td">{{ $building->starting_work_permit_date }}</td>
                            <td class="sm-td">
                                @if ($building->expire_work_permit_date)
                                    @if (parse_date_to_carbon($building->expire_work_permit_date) > now())
                                        <span class="badge bg-success"
                                            title="فعال">{{ $building->expire_work_permit_date }}</span>
                                    @else
                                        <span
                                            class="badge bg-danger"title="غير فعال">{{ $building->expire_work_permit_date }}
                                        </span>
                                    @endif
                                @endif
                            </td>
                            <td class="sm-td">
                                <x-operations-btn>
                                    @can('rentals-buildings-show')
                                        <li>
                                            <a href="{{ route('tenant.rentals.buildings.show', ['building' => $building->id]) }}"
                                                class="btn ms-3" title="{{__('general.show')}}">
                                                <i class="fas fa-eye"></i> @lang('rentals/buildings/index.view')
                                            </a>
                                        </li>
                                    @endcan
                                    @can('rentals-buildings-edit')
                                        <li>
                                            <a href="{{ route('tenant.rentals.buildings.edit', ['building' => $building->id]) }}"
                                                class="btn" title="{{__('general.edit')}}">
                                                <i class="fas fa-edit"></i> @lang('general.edit')
                                            </a>
                                        </li>
                                    @endcan

                                    @can('rentals-buildings-delete')
                                        <li>
                                            <form
                                                action="{{ route('tenant.rentals.buildings.destroy', ['building' => $building->id]) }}"
                                                method="POST">
                                                @csrf
                                                @method('delete')
                                                <button type="button" class="btn confirm-delete-btn" title="{{__('general.delete')}}">
                                                    <i class="fas fa-trash-alt"></i> @lang('general.delete')
                                                </button>
                                            </form>
                                        </li>
                                    @endcan

                                    {{-- <li>
                                        <a href="{{ route('tenant.rentals.buildings.show-as-3d', ['building' => $building->id]) }}" class="btn">
                                            عرض كثلاثي الأبعاد
                                        </a>
                                    </li> --}}
                                </x-operations-btn>
                            </td>
                        </tr>
                        @php
                            $area_sum += $building->area;
                        @endphp
                    @empty
                        <tr>
                            <td colspan="10">@lang('rentals/buildings/index.no_buildings_yet')</td>
                        </tr>
                    @endforelse
                </tbody>
                @if (!$buildings->isEmpty())
                    <tfoot class="bordered-top bg-white">
                        <tr>
                            <td>@lang('general.total')</td>
                            <td></td>
                            <td>{{ dn($area_sum) }} @lang('rentals/buildings/index.meter')</td>
                            <td>--</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </tfoot>
                @endif
            </table>
        </div>

        <div class="my-2 text-center">
            {!! $buildings->links() !!}
        </div>
    </div>
@endsection

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