@extends('layouts.app')

@section('title')
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') Create Application @endslot
@endcomponent
@php
    $contractsLoop = old('contracts') ?? ($contracts ?? collect());
@endphp

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">

                <h4 class="card-title">Contract Information</h4>
                <p class="card-title-desc">
                    Please provide details of the applicant’s active or awarded contracts.
                    This information is used to assess the applicant’s financial obligations, verify contract legitimacy,
                    and determine eligibility for contract-based financing or factoring facilities.
                </p>

                <div class="row">
                    <div class="col-lg-3 mb-4">
                        <div class="step-sidebar">
                            <a href="{{ route('application.edit', ['section' => 'init', 'leadSN' => $leadSN]) }}">
                                <div class="step-item">
                                    <div class="step-number">1</div>
                                    <div class="step-label">Create Application</div>
                                </div>
                            </a>
                            <a href="{{ route('application.edit', ['section' => 'applicant', 'leadSN' => $leadSN]) }}">
                                <div class="step-item">
                                    <div class="step-number">2</div>
                                    <div class="step-label">Applicant Information</div>
                                </div>
                            </a>
                            <a href="{{ route('application.edit', ['section' => 'bank', 'leadSN' => $leadSN]) }}">
                                <div class="step-item">
                                    <div class="step-number">3</div>
                                    <div class="step-label">Bank Details</div>
                                </div>
                            </a>
                            <div class="step-item active">
                                <div class="step-number">4</div>
                                <div class="step-label">Contract(s)</div>
                            </div>
                            <div class="step-item">
                                <div class="step-number">5</div>
                                <div class="step-label">Pre-Factoring Payee(s)</div>
                            </div>
                            <div class="step-item">
                                <div class="step-number">6</div>
                                <div class="step-label">Documents</div>
                            </div>
                            <div class="step-item">
                                <div class="step-number">7</div>
                                <div class="step-label">Declarations</div>
                            </div>
                            <div class="step-item">
                                <div class="step-number">8</div>
                                <div class="step-label">Pay Application Fee</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-9">
                        @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 class="repeater" method="POST" action="{{ route('application.save', ['section' => 'contract', 'leadSN' => $leadSN ?? null]) }}">
                            @csrf
                            <div data-repeater-list="contracts">
                                <!-- Existing Contracts -->
                                @if(count($contractsLoop))
                                {{-- @if (!empty($contracts) && $contracts->count() > 0) --}}
                                @foreach($contractsLoop as $i => $contract)
                                <div data-repeater-item class="row border-bottom mb-3">
                                    <!-- Hidden ID Field -->
                                    <input type="hidden" name="id" value="{{ $contract->id }}" />

                                    <div class="mb-3 col-lg-12">
                                        <label for="contract_title">Contract Title <span class="text-danger">*</span></label>
                                        <textarea id="contract_title" name="contract_title" class="form-control" placeholder="Enter Contract Title" rows="4" required>{{ $contract->contract_title }}</textarea>
                                        @error('contracts.*.contract_title')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>

                                    <div class="mb-3 col-lg-6">
                                        <label for="awarder_type">Awarder Type <span class="text-danger">*</span></label>
                                        <select id="awarder_type" name="awarder_type" class="form-select" required>
                                            <option value="">Select Awarder Type</option>
                                            @foreach ($awarder_types as $type)
                                            <option value="{{ $type->code }}" {{ $contract->awarder_type == $type->code ? 'selected' : '' }}>
                                                {{ $type->description }}
                                            </option>
                                            @endforeach
                                        </select>
                                        @error('contracts.*.awarder_type')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>

                                    <div class="mb-3 col-lg-6">
                                        <label for="awarder_name">Awarder Name <span class="text-danger">*</span></label>
                                        <input type="text" id="awarder_name" name="awarder_name" class="form-control" placeholder="Enter Awarder Name" value="{{ $contract->awarder_name }}" required />
                                        @error('contracts.*.awarder_name')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>

                                    <div class="mb-3 col-lg-4">
                                        <label for="contract_value">Contract Amount <span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <span class="input-group-text">RM</span>
                                            <input type="number" id="contract_value" name="contract_value" class="form-control" placeholder="Enter Amount" value="{{ $contract->contract_value }}" min="0" step="0.01" required />
                                        </div>
                                        @error('contracts.*.contract_value')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>

                                    <div class="mb-3 col-lg-3">
                                        <label for="tenure_period">Tenure <span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input type="number" id="tenure_period" name="tenure_period" class="form-control" placeholder="Enter Tenure" value="{{ $contract->tenure_period }}" min="1" step="1" required />
                                            <span class="input-group-text">month(s)</span>
                                        </div>
                                        @error('contracts.*.tenure_period')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>

                                    <div class="mb-3 col-lg-4">
                                        <label for="payment_method">Payment Method <span class="text-danger">*</span></label>
                                        <select id="payment_method" name="payment_method" class="form-select" required>
                                            <option value="">Select Payment Method</option>
                                            @foreach ($payment_methods as $method)
                                            <option value="{{ $method->code }}" {{ $contract->payment_method == $method->code ? 'selected' : '' }}>
                                                {{ $method->description }}
                                            </option>
                                            @endforeach
                                        </select>
                                        @error('contracts.*.payment_method')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>

                                    <div class="col-lg-1 align-self-center">
                                        <button data-repeater-delete type="button" class="btn btn-danger">
                                            Delete
                                        </button>
                                    </div>
                                </div>
                                @endforeach
                                @else

                                <!-- Empty Repeater Item for Adding New Contracts -->
                                <div data-repeater-item class="row border-bottom mb-3">
                                    <input type="hidden" name="id" value="" />
                                    <div class="mb-3 col-lg-12">
                                        <label for="contract_title">Contract Title <span class="text-danger">*</span></label>
                                        <textarea id="contract_title" name="contract_title" class="form-control" placeholder="Enter Contract Title" rows="4" required></textarea>
                                        @error('contracts.*.contract_title')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>

                                    <div class="mb-3 col-lg-6">
                                        <label for="awarder_type">Awarder Type <span class="text-danger">*</span></label>
                                        <select id="awarder_type" name="awarder_type" class="form-select" required>
                                            <option value="">Select Awarder Type</option>
                                            @foreach ($awarder_types as $type)
                                            <option value="{{ $type->code }}">
                                                {{ $type->description }}
                                            </option>
                                            @endforeach
                                        </select>
                                        @error('contracts.*.awarder_type')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>

                                    <div class="mb-3 col-lg-6">
                                        <label for="awarder_name">Awarder Name <span class="text-danger">*</span></label>
                                        <input type="text" id="awarder_name" name="awarder_name" class="form-control" placeholder="Enter Awarder Name" required />
                                        @error('contracts.*.awarder_name')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>

                                    <div class="mb-3 col-lg-4">
                                        <label for="contract_value">Contract Amount <span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <span class="input-group-text">RM</span>
                                            <input type="number" id="contract_value" name="contract_value" class="form-control" placeholder="Enter Amount" min="0" step="0.01" required />
                                        </div>
                                        @error('contracts.*.contract_value')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>

                                    <div class="mb-3 col-lg-3">
                                        <label for="tenure_period">Tenure <span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input type="number" id="tenure_period" name="tenure_period" class="form-control" placeholder="Enter Tenure" min="1" step="1" required />
                                            <span class="input-group-text">month(s)</span>
                                        </div>
                                        @error('contracts.*.tenure_period')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>

                                    <div class="mb-3 col-lg-4">
                                        <label for="payment_method">Payment Method <span class="text-danger">*</span></label>
                                        <select id="payment_method" name="payment_method" class="form-select" required>
                                            <option value="">Select Payment Method</option>
                                            @foreach ($payment_methods as $method)
                                            <option value="{{ $method->code }}">{{ $method->description }}</option>
                                            @endforeach
                                        </select>
                                        @error('contracts.*.payment_method')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>

                                    <div class="col-lg-1 align-self-center">
                                        <button data-repeater-delete type="button" class="btn btn-danger">
                                            Delete
                                        </button>
                                    </div>
                                </div>
                                @endif
                            </div>

                            <!-- Add New Contract Button -->
                            <input data-repeater-create type="button" class="btn btn-success mt-3" value="Add Contract" />

                            <!-- Submit Button -->
                            <div class="text-end mt-3">
                                <a class="btn btn-light me-2" href="{{ route('application.edit', ['section' => 'bank', 'leadSN' => $leadSN]) }}">Previous</a>
                                <button type="submit" class="btn btn-primary">Save & Continue</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div> <!-- end col -->
</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>

<!-- form repeater js -->
<script src="{{ URL::asset('build/libs/jquery.repeater/jquery.repeater.min.js') }}"></script>
<script src="{{ URL::asset('build/js/pages/form-repeater.int.js') }}"></script>

@endsection