@extends('backend.layouts_backend.master2')

@section('title')
    All Loans
@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 Loans</h4>
        </div>
        <div class="d-flex align-items-center flex-wrap text-nowrap">

            <a href="/admin/loans/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 Loans
                </button> </a>
            <a href="/admin/loans"><button type="button" class="btn btn-success btn-icon-text me-2 mb-2 mb-md-0">
                    <i class="btn-icon-prepend" data-feather="eye"></i>
                    View Loans
                </button> </a>

        </div>
    </div>

    {{-- end header --}}

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

        {{-- alert add item --}}
        @if (session('messagesave'))
            {{-- <div class="alert alert-success" > {{ session('message')}} </div> --}}
            <div class="alert alert-success alert-dismissible alert-label-icon label-arrow fade show mb-3" role="alert">
                <i class="mdi mdi-check-all label-icon"></i>
                {{ session('messagesave') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        {{-- alert delete item --}}
        @if (session('messagedelete'))
            <div class="alert alert-danger alert-dismissible alert-label-icon label-arrow fade show mb-3" role="alert">
                <i class="mdi mdi-block-helper label-icon"></i>
                {{ session('messagedelete') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
            {{-- <div class="alert alert-danger" > {{ session('messagedelete')}} </div> --}}
        @endif

        {{-- alert update item --}}
        @if (session('messageupdate'))
            <div class="alert alert-info alert-dismissible alert-label-icon label-arrow fade show mb-3" role="alert">
                <i class="mdi mdi-check-all label-icon"></i>
                {{ session('messageupdate') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        <div class="card">

            <div class="card-body">

                <div class="table-responsive">
                    <table id="dataTableExample" class="table">
                        <thead>
                            <tr>
                                <th>#Id</th>
                                <th>Loan Code</th>
                                <th>Status</th>
                                <th>Client Name</th>
                                <th>Loaned On</th>
                                <th>Due Date</th>
                                <th>Loaned Amount</th>
                                <th>Loan Balance</th>
                                {{--                            <th >Created By</th> --}}
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach ($loans as $loan)
                                <tr>
                                    <td>{{ $loan->id ?? 'N/A' }}</td>
                                    <td>{{ $loan->loan_code ?? 'N/A' }}</td>
                                    <td>
                                        {{ get_loan_status_from_id($loan->loan_status) ?? '' }}
                                    </td>
                                    <td>{{ $loan->client->first_name ?? '' }} {{ $loan->client->last_name ?? '' }}
                                        {{ $loan->client->other_names ?? '' }}</td>
                                    <td>{{ short_date($loan->loan_date) ?? 'N/A' }}</td>
                                    <td>{{ short_date($loan->due_date) ?? 'N/A' }}</td>
                                    <td>{{ $loan->loan_amount ?? 'N/A' }}</td>
                                    <td>{{ $loan->loan_balance ?? 'N/A' }}</td>

                                    {{--                                <td>{{  get_user_fullname($loan->created_by) ?? 'N/A' }}</td> --}}

                                    <td>

                                        <div class="d-flex align-items-center flex-wrap text-nowrap">
                                            {{-- @can('county-show') --}}
                                            <a href="{{ route('loans.show', $loan->id) }}">
                                                <button type="button" class="btn btn-success btn-icon me-2 mb-2 mb-md-0">
                                                    <i class="btn-icon-prepend" data-feather="eye"></i>

                                                </button> </a>



                                            {{-- @endcan --}}

                                            {{-- @can('county-edit') --}}
                                            <a href="{{ route('loans.edit', $loan->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>


                                            {{-- @endcan --}}

                                            {{-- @can('county-delete') --}}
                                            <form action="{{ route('loans.destroy', $loan->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>
                                            {{-- @endcan --}}
                                        </div>

                                        <br>
                                    </td>

                                </tr>

                                {{-- view  details modal --}}
                                {{--                            <div class="modal fade " id="exampleModal{{ $loan->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">Loan  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">Loan code : {{ $loan->loan_code  ?? ''  }} </li> --}}
                                {{--                                                <li class="list-group-item">Loan Date : {{ short_date($loan->loan_date)  ?? ''  }} </li> --}}
                                {{--                                                <li class="list-group-item">Due Date :  {{ short_date($loan->due_date)  ?? '' }} </li> --}}
                                {{--                                                <li class="list-group-item">Client :  {{ $loan->client->first_name ?? '' }} {{ $loan->client->last_name ?? '' }} {{ $loan->client->other_names ?? '' }} </li> --}}
                                {{--                                                <li class="list-group-item">Loan Amount :  {{ $loan->loan_amount  ?? '' }} </li> --}}
                                {{--                                                <li class="list-group-item">Balance :  {{ $loan->loan_balance  ?? '' }} </li> --}}
                                {{--                                                <li class="list-group-item">Status : --}}
                                {{--                                                    {{ get_loan_status_from_id($loan->loan_status) ?? ''  }} --}}
                                {{--                                                </li> --}}
                                {{--                                                <li class="list-group-item">Created By :  {{ get_user_fullname($loan->created_by) ?? '' }}</li> --}}
                                {{--                                                <li class="list-group-item">Description :  {{ $loan->reason_of_loan  ?? '' }} </li> --}}


                                {{--                                            </ul> --}}

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

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




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