@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">
        <div class="card bg-primary">
            <div class="card-body text-center">
                <h3><i class="bx bxs-detail"></i></h3>
                <h6>Details</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-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">Application Details</h4>
                <p class="card-title-desc">
                    Provide specific details about your project, funding request, and awarder information.
                    These help us assess your eligibility and offer better funding options.
                </p>
                @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' => 'details', 'encryptedLeadId' => encrypt($lead->id)]) }}">
                    @csrf
                    <div class="row">
                        <input type="hidden" name="lead_id" value="{{ $lead->id }}">

                        <div class="col-md-6 mb-3">
                            <label for="category">Category <span class="text-danger">*</span></label>
                            <select name="category" id="category" class="form-select" required>
                                <option value="">-- Select Category --</option>
                                @foreach($categories as $item)
                                <option value="{{ $item->code }}" {{ old('category', $lead->details->category ?? '') == $item->code ? 'selected' : '' }}>
                                    {{ $item->name }}
                                </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label for="payment_method">Payment Method <span class="text-danger">*</span></label>
                            <select name="payment_method" id="payment_method" class="form-select" required>
                                <option value="">-- Select Payment Method --</option>
                                @foreach($payment_methods as $item)
                                <option value="{{ $item->code }}" {{ old('payment_method', $lead->details->payment_method ?? '') == $item->code ? 'selected' : '' }}>
                                    {{ $item->description }}
                                </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label for="description">Description <span class="text-danger">*</span></label>
                            <textarea name="description" id="description" class="form-control" rows="3" placeholder="Provide a detailed description" required>{{ old('description', $lead->details->description ?? '') }}</textarea>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label for="remarks">Other Information</label>
                            <textarea name="remarks" id="remarks" class="form-control" rows="3" placeholder="Additional remarks or notes">{{ old('remarks', $lead->details->remarks ?? '') }}</textarea>
                            @error('remarks')
                            <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label for="awarder_name">Awarder Name <span class="text-danger">*</span></label>
                            <input type="text" name="awarder_name" id="awarder_name" class="form-control" value="{{ old('awarder_name', $lead->details->awarder_name ?? '') }}" placeholder="Enter the awarder's name" required>
                            @error('awarder_name')
                            <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label for="awarder_type">Awarder Type <span class="text-danger">*</span></label>
                            <select name="awarder_type" id="awarder_type" class="form-control select2" required>
                                <option value="">-- Select Awarder Type --</option>
                                @foreach($awarder_types as $item)
                                <option value="{{ $item->code }}" {{ old('awarder_type', $lead->details->awarder_type ?? '') == $item->code ? 'selected' : '' }}>
                                    {{ $item->description }}
                                </option>
                                @endforeach
                            </select>
                            @error('awarder_type')
                            <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label for="margin_level">Level of Margin <span class="text-danger">*</span></label>
                            <select name="margin_level" id="margin_level" class="form-control" required>
                                <option value="">-- Select Margin Level --</option>
                                @foreach($margin_levels as $item)
                                <option value="{{ $item->code }}" {{ old('margin_level', $lead->details->margin_level ?? '') == $item->code ? 'selected' : '' }}>
                                    {{ $item->description }}
                                </option>
                                @endforeach
                            </select>
                            @error('margin_level')
                            <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label for="margin_val">Margin Percentage <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <input type="number" name="margin_val" id="margin_val" class="form-control" value="{{ old('margin_val', $lead->details->margin_val ?? '') }}" placeholder="Enter margin %" required>
                                <div class="input-group-text">%</div>
                            </div>
                        </div>
                        @error('margin_val')
                        <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    <a class="btn btn-light float-start" href="{{ route('application.edit', ['section' => 'init', '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