@extends('components.layout.master')
@section('title', 'Loan')

@section('content')

    <div class="page-content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">

                            {{-- <div class="row">
                                <div class="col-lg-12">
                                    <button id="addTypeBtn" type="button"
                                        class="btn btn-success waves-effect waves-light float-right"><i class="fa fa-plus" aria-hidden="true"></i> Add New</button>
                                </div>
                            </div> --}}
                            <br>

                            <table id="loanTable" class="table table-bordered dt-responsive nowrap"
                                style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                <thead>
                                    <tr>
                                        <th>Buyer Name</th>
                                        <th>Mobile Number</th>
                                        <th>Date</th>
                                        <th>Amount</th>
                                        <th>Duration</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @foreach ($loan as $l)
                                        <tr>
                                            <td>{{ $l->buyer->buyer_name }}</td>
                                            <td>{{ $l->buyer->mobile_no }}</td>
                                            <td>
                                                {{-- <span class="badge bg-success">Active</span> --}}
                                                {{-- <span class="badge bg-danger">Inactive</span> --}}
                                                {{ \Carbon\Carbon::parse($l->created_at)->format('d/m/Y') }}
                                            </td>
                                            <td>
                                                {{ $l->amount }}
                                            </td>
                                            
                                            <td>{{ $l->duration->duration ?? ''}}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>


            <div class="modal fade admin-query" id="editTypeModal">
                <div class="modal-dialog modal-dialog-centered small-modal">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title">Modify Product Type
                            </h4>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>
                        <form action="" id="updateForm" enctype="multipart/form-data">
                            <input type="hidden" name="id" id="id">
                            <div class="modal-body">
                                <div class="col-lg-12">
                                    <div class="add-visitor">
                                        <div class="row mb-3">
                                            <div class="col-lg-12">
                                                <div class="primary_input" id="editStateDiv">
                                                    <input type="hidden" name="state_id" id="state_id" autocomplete="off">
                                                    <label class="primary_input_label" for="">Product Type<span
                                                            class="text-danger"> *</span></label>
                                                    <input class="form-control" type="text" name="name" id="name1"
                                                        autocomplete="off">
                                                    <span class="text-danger" id="name1_error"></span>
                                                </div>
                                            </div>
                                            <div class="col-12 mt-3">
                                                <div class="primary_input" id="statusdropdown">
                                                    <label class="primary_input_label" for="">Status<span
                                                            class="text-danger"> *</span></label>
                                                    <select name="status" class="form-control" id="active_status">

                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-40">
                                            <div class="col-lg-12 text-center">
                                                <button class="btn btn-success btn-sm" type="submit"
                                                    id="editCreateButton">
                                                    <i class="fa fa-plus" aria-hidden="true"></i> Update

                                                </button>
                                                <button class="btn btn-secondary btn-sm ml-2" type="reset"
                                                    id="editCityResetBtn">
                                                    <span class="ti-reload"></span> Reset
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

        </div>
        @include('components.footertext')
    </div>
@endsection
@push('script')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>

    <script>
        $('#loanTable').DataTable();
    </script>
@endpush