@extends('layouts.app')
@push('css')
    @include('components.dataTable-style-links')
@endpush
@section('content')
    <div class="content-wrapper">
        <div class="page-header">
            <h3 class="page-title">
                <span class="page-title-icon bg-gradient-primary text-white me-2">
                    <i class="mdi mdi-package"></i>
                </span> {{ __('Loans') }}
            </h3>
            <div class="buttons-container">
                <button type="button" class="btn btn-primary float-end"
                        data-bs-toggle="modal"1
                        data-bs-target="#add-modal"
                >{{ __('Add Loan') }}</button>
            </div>
        </div>
        @include('dashboard.hr.loans.table')
    </div>
    @include('dashboard.hr.loans.add-modal')
    @include('dashboard.hr.loans.payment-modal')
@endsection

@section('scripts')
    @include('components.dataTable-script-links')
    <script src="{{asset("/assets/js/pages/hr/loans.js")}}"></script>
@endsection