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

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

@section('content-field')

    <div>
        <x-filter-form :title="__('breadcrumb.tenant_movements')" :link="route('tenant.rentals.rental-tenant-actions.index')">
            <div class="row my-2">
                <div class="col-3">
                    <label for="tenant_id" class="form-label">@lang('rentals/rental-tenant-actions/index.tenant')</label>
                    <select name="tenant_id" id="tenant_id">
                        <option value="">@lang('general.all')</option>
                        @foreach ($tenants as $tenant)
                            <option value="{{ $tenant->id }}" {{ request('tenant_id') == $tenant->id ? 'selected' : '' }}>
                                {{ $tenant->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-2">
                    <label for="action_type" class="form-label"> @lang('rentals/rental-tenant-actions/index.movement_type')</label>
                    @php $selected_action_types = request('action_types')?? []; @endphp
                    <div class="d-flex gap-2">
                        <div>
                            <label for="inform_type">@lang('rentals/rental-tenant-actions/index.notification')</label>
                            <input type="checkbox" name="action_types[]" id="inform_type" value="inform"
                                class="custom-checkbox" {{ in_array('inform', $selected_action_types) ? 'checked' : '' }}>
                        </div>

                        <div>
                            <label for="maintenance_type">@lang('rentals/rental-tenant-actions/index.maintenance')</label>
                            <input type="checkbox" name="action_types[]" id="maintenance_type" value="maintenance"
                                class="custom-checkbox"
                                {{ in_array('maintenance', $selected_action_types) ? 'checked' : '' }}>
                        </div>
                    </div>
                </div>

                <div class="col-2">
                    <label for="status" class="form-label">@lang('rentals/rental-tenant-actions/index.status') </label>
                    <div class="d-flex gap-2">
                        @php $selected_status = request('status')?? []; @endphp

                        <div>
                            <label for="accepted">@lang('rentals/rental-tenant-actions/index.accepted')</label>
                            <input type="checkbox" name="status[]" value="accepted" id="accepted" class="custom-checkbox"
                                {{ in_array('accepted', $selected_status) ? 'checked' : '' }}>
                        </div>

                        <div>
                            <label for="rejected">@lang('rentals/rental-tenant-actions/index.rejected')</label>
                            <input type="checkbox" name="status[]" value="rejected" id="rejected" class="custom-checkbox"
                                {{ in_array('rejected', $selected_status) ? 'checked' : '' }}>
                        </div>
                    </div>
                </div>
                <div class="col d-flex">
                    <div class="mx-1">
                        <label for="from_date_filter">@lang('rentals/rental-tenant-actions/index.from')</label>
                        <x-input-date identifier="from_date_filter" name="from_date">
                        </x-input-date>
                    </div>
                    <div class="mx-1">
                        <label for="to_date_filter">@lang('rentals/rental-tenant-actions/index.to')</label>
                        <x-input-date identifier="to_date_filter" name="to_date">
                        </x-input-date>
                    </div>
                </div>
            </div>
        </x-filter-form>
        @php
            $table_options = [
                'lang' => ['noAvailableData' => __('noAvailableData.no_tenants')],
            ];
        @endphp

        <v-table :options="{{ json_encode($table_options) }}">

            <table class="table table-bordered without-herotable bg-white">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>@lang('rentals/rental-tenant-actions/index.tenant')</th>
                        <th>@lang('rentals/rental-tenant-actions/index.movement_type') </th>
                        <th> @lang('rentals/rental-tenant-actions/index.movement_details')</th>
                        <th>@lang('rentals/rental-tenant-actions/index.attachments')</th>
                        <th> @lang('rentals/rental-tenant-actions/index.from_date')</th>
                        <th> @lang('rentals/rental-tenant-actions/index.to_date')</th>
                        <th>@lang('rentals/rental-tenant-actions/index.status')</th>
                        <th>@lang('general.procedures')</th>
                    </tr>
                </thead>

                <tbody>
                    @foreach ($tenant_actions as $tenant_action)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $tenant_action->tenant?->name ?? '---' }}</td>
                            <td>{{ $tenant_action->action_type_as_text }}</td>
                            <td>{{ $tenant_action->description }}</td>
                            <td class="md-td">
                                @if ($tenant_action->rental_tenant_action_files)
                                    @php $files = (array)json_decode($tenant_action->rental_tenant_action_files); @endphp
                                    @foreach ($files as $file)
                                        <form action="{{ route('tenant.files.download') }}" method="post" target="_blank"
                                            name="download-receivable-file-{{ $tenant_action->id }}-form">
                                            @csrf
                                            <input type="hidden" name="filename" value="{{ tenant_storage_path($file) }}"
                                                required>
                                            <input type="submit" class="btn btn-link" value="{{__('general.download_file')}}">
                                        </form>
                                    @endforeach
                                @else
                                    <p>@lang('rentals/rental-tenant-actions/index.no_attachments')</p>
                                @endif
                            </td>
                            <td>{{ $tenant_action->from_date }}</td>
                            <td>{{ $tenant_action->to_date }}</td>
                            <td class="text-{{ $tenant_action->action_status_color }}">
                                {{ $tenant_action->action_status_as_text }}</td>
                            <td>
                                @if ($tenant_action->status == 'pending')
                                    <div class="d-flex gap-1">
                                        <form
                                            action="{{ route('tenant.rentals.rental-tenant-actions.change-status', ['rental_tenant_action' => $tenant_action]) }}"
                                            method="post">
                                            @csrf
                                            <input type="hidden" name="status" value="accepted">
                                            <button class="btn btn-outline-success rounded-pill btn-sm">@lang('rentals/rental-tenant-actions/index.accept')</button>
                                        </form>

                                        <form
                                            action="{{ route('tenant.rentals.rental-tenant-actions.change-status', ['rental_tenant_action' => $tenant_action]) }}"
                                            method="post">
                                            @csrf
                                            <input type="hidden" name="status" value="cancelled">
                                            <button class="btn btn-outline-danger rounded-pill btn-sm">@lang('rentals/rental-tenant-actions/index.reject')</button>
                                        </form>
                                    </div>
                                @else
                                    ---
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </v-table>
    </div>
@endsection