@extends('backend.layouts_backend.master2')

@section('title')
    All Assets Hire Records
@endsection

@section('content')
    {{-- header --}}
    <div class="d-flex justify-content-between align-items-center flex-wrap grid-margin">
        <div>
            <h4 class="mb-3 mb-md-0"> All Assets Hire Records</h4>
        </div>
        <div class="d-flex align-items-center flex-wrap text-nowrap">
            @if (Auth::user()->can('studio-asset-hire-create'))
                <a href="{{ route('asset_hires.create') }}">
                    <button type="button" class="btn btn-primary btn-icon-text me-2 mb-2 mb-md-0">
                        <i class="btn-icon-prepend" data-feather="plus-circle"></i>
                        Add Asset Hire Record
                    </button>
                </a>
            @endif

        </div>
    </div>

    {{-- end header --}}

    <div class="justify-content-center">

        @include('backend.includes.message_alerts')

        <div class="card">

            <div class="card-body">

                <div class="table-responsive">
                    <table id="dataTableExample" class="table">
                        <thead>
                            <tr>
                                <th>#Id</th>
                                <th>Client </th>
                                <th>Branch </th>
                                <th>Rental Fee</th>
                                <th>Deposit Paid </th>
                                <th>Balance </th>
                                <th>Payment Status</th>
                                <th>Hire Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach ($asset_hires as $key => $hire_record)
                                <tr>
                                    <td>{{ $key + 1 ?? '' }}</td>
                                    <td>{{ $hire_record->client->first_name ?? '' }}
                                        {{ $hire_record->client->last_name ?? '' }}
                                        {{ $hire_record->client->other_names ?? '' }}</td>
                                    <td>{{ $hire_record->branch->branch_name ?? '' }} </td>
                                    <td>{{ $hire_record->rental_total_amount ?? '' }}</td>
                                    <td>{{ $hire_record->rental_deposit_made ?? '' }}</td>
                                    <td>{{ $hire_record->balance ?? '' }}</td>
                                    <td>
                                        {!! get_payment_status_badge($hire_record->payment_status ?? '') !!}
                                    </td>
                                    <td>
                                        {!! get_hire_status_badge($hire_record->hire_status ?? '') !!}
                                    </td>

                                    <td>

                                        <div class="d-flex align-items-center flex-wrap text-nowrap">
                                            @if (Auth::user()->can('studio-asset-hire-show'))
                                                <button type="button" class="btn btn-success btn-icon me-2 mb-2 mb-md-0"
                                                    data-bs-toggle="modal"
                                                    data-bs-target="#jobDetailsModal{{ $hire_record->id }}">
                                                    <i class="btn-icon-prepend" data-feather="eye"></i>
                                                </button>
                                            @endif

                                            @if (Auth::user()->can('studio-asset-hire-edit'))
                                                <a href="{{ route('asset_hires.edit', $hire_record->id) }}">
                                                    <button type="button"
                                                        class="btn btn-primary btn-icon me-2 mb-2 mb-md-0">
                                                        <i class="btn-icon-prepend" data-feather="edit"></i>
                                                    </button>
                                                </a>
                                            @endif

                                            @if (Auth::user()->can('studio-asset-hire-delete'))
                                                <form action="{{ route('asset_hires.destroy', $hire_record->id) }}"
                                                    method="post">
                                                    @csrf
                                                    @method('DELETE')
                                                    <a>
                                                        <button type="submit"
                                                            class="btn btn-danger btn-icon me-2 mb-2 mb-md-0">
                                                            <i class="btn-icon-prepend" data-feather="trash-2"></i>

                                                        </button> </a>
                                                </form>
                                            @endif
                                        </div>

                                        <br>
                                    </td>

                                </tr>

                                {{-- view  details modal --}}
                                <div class="modal fade " id="jobDetailsModal{{ $hire_record->id }}" tabindex="-1"
                                    aria-labelledby="exampleModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-dialog-scrollable">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="exampleModalLabel">Asset Hiring Details</h5>
                                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                    aria-label="btn-close"></button>
                                            </div>
                                            <div class="modal-body">


                                                <ul class="list-group">
                                                    <li class="list-group-item">Client :
                                                        {{ $hire_record->client->first_name ?? '' }}
                                                        {{ $hire_record->client->last_name ?? '' }}
                                                        {{ $hire_record->client->other_names ?? '' }} </li>

                                                    <li class="list-group-item">Branch :
                                                        {{ $hire_record->branch->branch_name ?? '' }} </li>
                                                    <li class="list-group-item">Start Date :
                                                        {{ short_date($hire_record->hire_start_date ?? '') }} </li>
                                                    <li class="list-group-item">End Date :
                                                        {{ short_date($hire_record->hire_end_date ?? '') }} </li>
                                                    <li class="list-group-item">Equipment Status :
                                                        {!! get_hire_status_badge($hire_record->hire_status ?? '') !!}
                                                    </li>
                                                    <li class="list-group-item">Rental Fee :
                                                        {{ $hire_record->rental_total_amount ?? '' }}
                                                    </li>
                                                    <li class="list-group-item">Deposit Pid :
                                                        {{ $hire_record->rental_deposit_made ?? '' }}
                                                    </li>
                                                    <li class="list-group-item">Balance :
                                                        {{ $hire_record->balance ?? '' }}
                                                    </li>
                                                    <li class="list-group-item">Payment Status :
                                                        {!! get_payment_status_badge($hire_record->hire_status ?? '') !!}
                                                    </li>
                                                    <li class="list-group-item">Equipment Being Taken Notes :</li>
                                                    <li class="list-group-item">
                                                        {{ $hire_record->taken_notes ?? '' }}
                                                    </li>

                                                    <li class="list-group-item">Equipment Being Returned Notes :</li>

                                                    <li class="list-group-item">
                                                        {{ $hire_record->return_notes ?? '' }}
                                                    </li>


                                                    <li class="list-group-item">Created By :
                                                        {{ get_user_fullname_temporary($hire_record->created_by) ?? 'N/A' }}
                                                    </li>

                                                </ul>

                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary"
                                                    data-bs-dismiss="modal">Close</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{--   end of view modal --}}
                            @endforeach

                        </tbody>
                    </table>
                </div>




            </div>
        </div>
    </div>
@endsection