@extends('layouts.app')

@section('title') @lang('Application') @endsection

@section('css')
<link href="{{ asset('build/libs/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
<!-- Sweet Alert-->
<link href="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('content')

@component('components.breadcrumb')
@slot('li_1') Application @endslot
@slot('title') Update Application @endslot
@endcomponent

<div class="row">
    <div class="col-lg-2">
        <a href="{{ route('application.edit', ['section' => 'init', 'encryptedLeadId' => encrypt($lead->id)]) }}">
            <div class="card border border-primary">
                <div class="card-body text-center text-primary">
                    <h3><i class="bx bxs-book-content"></i></h3>
                    <h6>Create Application</h6>
                </div>
            </div>
        </a>
    </div>
    <div class="col-lg-2">
        <a href="{{ route('application.edit', ['section' => 'details', 'encryptedLeadId' => encrypt($lead->id)]) }}">
            <div class="card border border-primary">
                <div class="card-body text-center text-primary">
                    <h3><i class="bx bxs-detail"></i></h3>
                    <h6>Details</h6>
                </div>
            </div>
        </a>
    </div>
    <div class="col-lg-2">
        <div class="card bg-primary">
            <div class="card-body text-center">
                <h3><i class="bx bxs-calculator"></i></h3>
                <h6>Funding Requirement</h6>
            </div>
        </div>
    </div>
    <div class="col-lg-2">
        <div class="card border border-primary">
            <div class="card-body text-center text-primary">
                <h3><i class="bx bxs-file-doc"></i></h3>
                <h6>Documents</h6>
            </div>
        </div>
    </div>
    <div class="col-lg-2">
        <div class="card border border-primary">
            <div class="card-body text-center text-primary">
                <h3><i class="bx bxs-check-circle"></i></h3>
                <h6>Confirmation</h6>
            </div>
        </div>
    </div>
    <div class="col-lg-2">
        <div class="card border border-primary">
            <div class="card-body text-center text-primary">
                <h3><i class="bx bx-money-withdraw"></i></h3>
                <h6>Pay Application Fee</h6>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-3"> Funding Requirement</h4>
                @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="mdi mdi-check-all me-2"></i>
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif

                @if (session('error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <i class="mdi mdi-block-helper me-2"></i>
                    {{ session('error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif

                <form method="POST" action="{{ route('application.save', ['section' => 'funding', 'encryptedLeadId' => encrypt($lead->id)]) }}">
                    @csrf

                    <div class="row"> {{-- Facility --}}
                        <div class="col-lg-6 mb-3">
                            <label for="facility" class="form-label">Facility <span class="text-danger">*</span></label>
                            <select name="facility" id="facility" class="form-select" required>
                                <option value="">Please select</option>
                                @foreach ($facilities as $facility)
                                <option value="{{ $facility->id }}" {{ old('facility', optional($leadFunding)->facility) == $facility->id ? 'selected' : '' }}>
                                    {{ $facility->description }}
                                </option>
                                @endforeach
                            </select>
                            @error('facility')
                            <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        {{-- Fund Type --}}
                        <div class="col-lg-6 mb-3">
                            <label for="fund_type" class="form-label">Type <span class="text-danger">*</span></label>
                            <select name="fund_type" id="fund_type" class="form-select" required>
                                <option value="">Please select</option>
                                @foreach ($fund_types as $type)
                                <option value="{{ $type->code }}" {{ old('fund_type', optional($leadFunding)->fund_type) == $type->code ? 'selected' : '' }}>
                                    {{ $type->description }}
                                </option>
                                @endforeach
                            </select>
                            @error('fund_type')
                            <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        {{-- Notes --}}
                        <div class="col-lg-6 mb-3">
                            <label for="notes" class="form-label">Notes</label>
                            <textarea name="notes" id="notes" class="form-control">{{ old('notes', $leadFunding->notes ?? '') }}</textarea>
                            @error('notes')
                            <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        {{-- Additional Info --}}
                        <div class="col-lg-6 mb-3">
                            <label for="other_info" class="form-label">Additional Info</label>
                            <textarea name="other_info" id="other_info" class="form-control">{{ old('other_info', $leadFunding->other_info ?? '') }}</textarea>
                            @error('other_info')
                            <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        {{-- Amount --}}
                        <div class="col-lg-6 mb-3">
                            <label for="fund_amt" class="form-label">Amount Request <span class="text-danger">*</span></label>
                            <input type="number" name="fund_amt" id="fund_amt" class="form-control" value="{{ old('fund_amt', $leadFunding->fund_amt ?? '') }}" required>
                            @error('fund_amt')
                            <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        {{-- Duration --}}
                        <div class="col-lg-6 mb-3">
                            <label for="tenure_period" class="form-label">Duration <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <input type="number" name="tenure_period" id="tenure_period" class="form-control" value="{{ old('tenure_period', $leadFunding->tenure_period ?? '') }}" required>
                                <select name="tenure_unit" id="tenure_unit" class="form-select" required>
                                    <option value="">Select Unit</option>
                                    @foreach ($tenure_units as $unit)
                                    <option value="{{ $unit->code }}" {{ old('tenure_unit', optional($leadFunding)->tenure_unit) == $unit->code ? 'selected' : '' }}>
                                        {{ $unit->description }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                            @error('tenure_period')
                            <small class="text-danger">{{ $message }}</small>
                            @enderror
                            @error('tenure_unit')
                            <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>
                    </div>

                    <a class="btn btn-light float-start" href="{{ route('application.edit', ['section' => 'details', 'encryptedLeadId' => encrypt($lead->id)]) }}">Previous</a>
                    <button class="btn btn-primary float-end">Save & Continue</button>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- end row -->

@endsection
@section('script')

{{-- select2 --}}
<script src="{{ asset('build/libs/select2/js/select2.min.js') }}"></script>
<script src="{{ asset('build/js/pages/form-advanced.init.js') }}"></script>

<!-- Sweet Alerts js -->
<script src="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.js') }}"></script>

<script></script>

@endsection