@props([
    'application' => null,
    'readOnly' => null,
    'pbgYn' => null,
    'fbgYn' => null,
    'pbgDetails' => null,
    'bgServices' => null,
    'states' => null,
    'cities' => null,
    'c_dist_cd' => null,
    'save_message' => null,
    'bank_error' => null,
    'issudate' => null,
    'documentData' => null,
    'source' => null,
    'folder' => null,
    'uploadOptions' => null,
    'label' => 'Initial Guarantee',
    'abbr' => 'IG',
    'requiredDocs' => ['ULBGP01'],
    'allowFinancial' => false,
    'filePartial' => 'layout.partials.files',
    'showActions' => true,
    'pbg_acceptance' => null,
    'fbg_acceptance' => null,
])
@php
    $livewireComponent = app('livewire')->current();
    $application = $application ?? ($livewireComponent->application ?? null);
    $readOnly = $readOnly ?? ($livewireComponent->readOnly ?? []);
    $pbgYn = $pbgYn ?? ($livewireComponent->pbgYn ?? null);
    $fbgYn = $fbgYn ?? ($livewireComponent->fbgYn ?? null);
    $pbgDetails = $pbgDetails ?? ($livewireComponent->pbgDetails ?? []);
    $bgServices = $bgServices ?? ($livewireComponent->bgServices ?? ($livewireComponent->services ?? []));
    $states = $states ?? ($livewireComponent->states ?? []);
    $cities = $cities ?? ($livewireComponent->cities ?? []);
    $c_dist_cd = $c_dist_cd ?? ($livewireComponent->c_dist_cd ?? '');
    $save_message = $save_message ?? ($livewireComponent->save_message ?? null);
    $bank_error = $bank_error ?? ($livewireComponent->bank_error ?? null);
    $issudate = $issudate ?? ($livewireComponent->issudate ?? null);
    $documentData = $documentData ?? ($livewireComponent->documentData ?? []);
    $source = $source ?? ($livewireComponent->source ?? null);
    $folder = $folder ?? ($livewireComponent->folder ?? null);
    $uploadOptions = $uploadOptions ?? ($livewireComponent->uploadOptions ?? []);
    $pbg_acceptance = $pbg_acceptance ?? ($livewireComponent->pbg_acceptance ?? '');
    $fbg_acceptance = $fbg_acceptance ?? ($livewireComponent->fbg_acceptance ?? '');
    $pbg_received_dt = $pbg_received_dt ?? ($livewireComponent->pbg_received_dt ?? '');
    $pbg_letter_no = $pbg_letter_no ?? ($livewireComponent->pbg_letter_no ?? '');
    $pbg_letter_dt = $pbg_letter_dt ?? ($livewireComponent->pbg_letter_dt ?? '');
    $pbg_ref_no = $pbg_ref_no ?? ($livewireComponent->pbg_ref_no ?? '');
   
@endphp
{{-- @dd($readOnly['pbg_details'], isset($pbgYn), $pbgYn); --}}
@if( ($readOnly['pbg_details'] ?? false) == false )
    @if( ($pbgYn ?? 'A') !== 'A' )
        <div class="well p-4 mb-4">
            <form class="form_border p-3">
                <div id="message">
                    @if(!empty($save_message))
                        <div class="alert alert-success">{{ $save_message }}</div>
                    @endif
                   
                </div>

                @if(isset($application['n_est_pbg']) || isset($application->n_est_pbg))
                    <div class="form-group mb-3">
                        <div class="row g-3">
                            <div class="col-md-12">
                                <strong>Estimated Initial Guarantee Amount:</strong> ₹{{ number_format(($application['n_est_pbg'] ?? $application->n_est_pbg ?? 0) , 2) }}
                            </div>
                        </div>
                    </div>
                @endif
 @if($application['n_est_pbg']>0)
                <div class="row">
                    <!-- Left Column -->
                    <div class="col-lg-6 col-md-6">
                        <div class="form-group mb-3">
                            <label for="bgpf" class="form-label" id="heading">BG TYPE <span class="require"></span></label>
                            <select name="bgpf" id="bgpf" class="form-control" wire:model.live="bgpf">
                                <option value="">Select BG Type</option>
                                @if(isset($pbgYn) && isset($fbgYn) && $pbgYn == 'N' && $fbgYn == 'N')
                                    <option value="P">{{ $label }}</option>
                                    @if($allowFinancial)
                                        <option value="F">Financial</option>
                                    @endif
                                @else
                                    @if(isset($pbgYn) && ($pbgYn == 'N' || $pbgYn == 'R'))
                                        <option value="P">{{ $label }}</option>
                                    @endif
                                    @if($allowFinancial && isset($fbgYn) && ($fbgYn == 'N' || $fbgYn == 'R'))
                                        <option value="F">Financial</option>
                                    @endif
                                @endif
                            </select>
                            <span wire:loading wire:target="bgpf" class="ms-2 text-primary">Loading…</span>
                        </div>

                            <div class="form-group mb-3">
                                <label for="service_id" class="form-label" id="heading">Service Area <span class="require"></span></label>
                                <select class="form-control" id="service_id" name="service_id" wire:model="selected_service">
                                    <option value="">Select Service Area</option>
                                    @if(!empty($bgServices) && count($bgServices))
                                        @foreach($bgServices as $row_service_area)
                                            <option wire:key="service-{{ $row_service_area['c_ser_appl_id'] ?? $row_service_area->c_ser_appl_id ?? '' }}" value="{{ $row_service_area['c_ser_appl_id'] ?? $row_service_area->c_ser_appl_id ?? '' }}">
                                                @php
                                                    $n = $row_service_area['n_service_area'] ?? $row_service_area->n_service_area ?? null;
                                                    $svc = $row_service_area['service'] ?? $row_service_area->service ?? '';
                                                    $area = $row_service_area['ser_area'] ?? $row_service_area->ser_area ?? '';
                                                    $cir = $row_service_area['cir_name'] ?? $row_service_area->cir_name ?? '';
                                                    $ssa = $row_service_area['ssa_name'] ?? $row_service_area->ssa_name ?? '';
                                                @endphp
                                                @if($n == 3 || $n == 5)
                                                    {{ $svc }}-{{ $area }}-{{ $cir }}-{{ $ssa }}
                                                @elseif($n == 2 || $n == 4 || $n == 6 || $n == 7)
                                                    {{ $svc }}-{{ $area }}-{{ $cir }}
                                                @else
                                                    {{ $svc }}-{{ $area }}
                                                @endif
                                            </option>
                                        @endforeach
                                    @else
                                        <option value="M" selected>All Service Area Mapped</option>
                                    @endif
                                </select>
                            </div>
                        

                        <div class="form-group mb-3">
                            <label for="bgno" class="form-label" id="heading">Initial Guarantee Number <span class="require"></span></label>
                            <input type="text" class="form-control" id="bgno" name="bgno" placeholder="Enter BG number" autocomplete="off" required wire:model="bgno">
                        </div>

                        <div class="form-group mb-3">
                            <label for="issudate" class="form-label" id="heading">Issue Date <span class="require"></span></label>
                            <input type="date" class="form-control" id="issudate" name="issudate" placeholder="Enter Issue Date" autocomplete="off" required wire:model="issudate" max="{{ date('Y-m-d') }}">
                        </div>

                        <div class="form-group mb-3">
                            <label for="expdate" class="form-label" id="heading">Expiry Date <span class="require"></span></label>
                            <input type="date" class="form-control" id="expdate" name="expdate" placeholder="Enter Expiry Date" autocomplete="off" required wire:model="expdate" min="{{ $issudate ? date('Y-m-d', strtotime($issudate . ' +1 day')) : date('Y-m-d') }}">
                        </div>

                        <div class="form-group mb-3">
                            <label for="ifsccode" class="form-label d-block" id="heading">IFSC Code <span class="require"></span></label>
                            <div class="input-group">
                                <input type="text" class="form-control" id="ifsccode" name="ifsccode" placeholder="Enter IFSC Code" autocomplete="off" required wire:model.lazy="ifsccode" style="flex: 1;">
                                <button type="button" class="btn btn-primary" wire:click.prevent="getBank" wire:loading.attr="disabled" style="white-space: nowrap;">
                                    <span wire:loading.remove wire:target="getBank">Get Bank</span>
                                    <span wire:loading wire:target="getBank">
                                        <span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>
                                        Loading...
                                    </span>
                                </button>
                            </div>
                        </div>

                        <div class="form-group mb-3">
                            <label for="bankname" class="form-label" id="heading">Bank Name <span class="require"></span></label>
                            <input type="text" class="form-control" id="bankname" name="bankname" placeholder="Enter bank name" readonly wire:model="bank_name">
                           
                        </div>

                        <div class="form-group mb-3">
                            <label for="branchname" class="form-label" id="heading">Branch Name <span class="require"></span></label>
                            <input type="text" class="form-control" id="branchname" name="branchname" placeholder="Select Branch Name" readonly wire:model="branch_name">
                        </div>
                    </div>

                    <!-- Right Column -->
                    <div class="col-lg-6 col-md-6">
                        <div class="form-group mb-3">
                            <label for="bank_addr" class="form-label" id="heading">Bank Address <span class="require"></span></label>
                            <input type="text" class="form-control" id="bank_addr" name="bank_addr" placeholder="Enter Bank Address" required wire:model="bank_addr">
                        </div>

                        <div class="form-group mb-3">
                            <label for="bank_state" class="form-label" id="heading">State<span class="require"></span></label>
                            <select class="form-control" id="bank_state" wire:model.live="bank_state">
                                <option value="">Select State</option>
                                @if(!empty($states) && count($states))
                                    @foreach($states as $st)
                                        <option value="{{ $st['c_state_cd'] ?? $st->c_state_cd ?? '' }}">{{ $st['c_state_name'] ?? $st->c_state_name ?? '' }}</option>
                                    @endforeach
                                @endif
                            </select>
                            <span wire:loading wire:target="bank_state" class="ms-2 text-primary">Loading…</span>
                        </div>

                        <div class="form-group mb-3">
                            <label for="c_dist_cd" class="form-label" id="heading">City<span class="require"></span></label>
                            <select class="form-control" id="c_dist_cd" wire:model="c_dist_cd">
                                <option value="">Select City</option>
                                @if(!empty($cities) && count($cities))
                                    @foreach($cities as $ct)
                                        <option value="{{ $ct['c_dist_cd'] ?? $ct->c_dist_cd ?? '' }}" @selected(($c_dist_cd == ($ct['c_dist_cd'] ?? $ct->c_dist_cd ?? '')))>
                                            {{ $ct['c_dist_name'] ?? $ct->c_dist_name ?? '' }}
                                        </option>
                                    @endforeach
                                @endif
                            </select>
                        </div>

                        <div class="form-group mb-3">
                            <label for="bank_pincode" class="form-label" id="heading">Pincode<span class="require"></span></label>
                            <input type="text" class="form-control" id="bank_pincode" name="bank_pincode" placeholder="Enter Bank pincode" required wire:model="bank_pincode">
                        </div>

                        <div class="form-group mb-3">
                            <label for="bank_email" class="form-label" id="heading">Bank Email<span class="require"></span></label>
                            <input type="text" class="form-control" id="bank_email" name="bank_email" placeholder="Enter Bank email" required wire:model="bank_email">
                        </div>

                        <div class="form-group mb-3">
                            <label for="bank_contactno" class="form-label" id="heading">Bank Contact No<span class="require"></span></label>
                            <input type="text" class="form-control" id="bank_contactno" name="bank_contactno" placeholder="Enter Bank Contact no" required wire:model="bank_contactno">
                        </div>

                        <div class="form-group mb-3">
                            <label for="amount" class="form-label" id="heading">Amount (Rs.) <span class="require"></span></label>
                            <input type="text" class="form-control" id="amount" name="amount" placeholder="Enter Amount" maxlength="9" required wire:model="amount">
                        </div>
                    </div>
                </div>

                <div class="row mt-3">
                    <div class="col-12">
                        <button type="button" class="btn btn-primary btn-md me-2" wire:click.prevent="saveBgDetails" wire:loading.attr="disabled">
                            <span wire:loading.remove wire:target="saveBgDetails">Save</span>
                            <span wire:loading wire:target="saveBgDetails">
                                <span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>
                                Saving...
                            </span>
                        </button>
                        <button type="reset" class="btn btn-primary btn-md">Reset</button>
                    </div>
                </div>
                @endif
            </form>
        </div>
    @endif
@endif
 @if(($application['n_est_pbg']==0) && ($readOnly['pbg_details'] ?? false) && isset($pbgYn) && ($pbgYn == 'Y' || $pbgYn == 'A'))
 <div class="form-group mb-3">
                        <div class="row g-3">
                            <div class="col-md-12">
                                <strong>Initial Guarantee Amount:</strong> ₹{{ number_format(($application['n_est_pbg'] ?? $application->n_est_pbg ?? 0) , 2) }}
                            </div>
                        </div>
                    </div>
 @endif
@if(($readOnly['pbg_details'] ?? false) && isset($pbgYn) && ($pbgYn == 'Y' || $pbgYn == 'A'))
    <div class="well p-3 mb-4">
         @if($application['n_est_pbg']>0)
        <div class="row mb-2">
            <div class="col-md-12">
                <h5><span class="ui-icon ui-icon-circle-triangle-n" id="pbg_div_click"></span> {{ $label }} Details:</h5>
            </div>
        </div>
        <div id="pbg_div" class="mb-3">
           
            <div class="row" style="padding:10px">
                <div class="col-md-12">
                    <table id="pbg_details" class="table table-striped table-bordered w-100">
                        <thead>
                            <tr>
                                <th>{{ $abbr }} Number</th>
                                <th>Issue Date</th>
                                <th>IFSC Code</th>
                                <th>Amount (Rs.)</th>
                                <th>Service Area</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($pbgDetails as $row)
                                <tr>
                                    <td>{{ $row['bg_no'] ?? '' }}</td>
                                    <td>{{ $row['issue_date'] ?? '' }}</td>
                                    <td>{{ $row['ifsc_code'] ?? '' }}</td>
                                    <td>{{ $row['amount'] ?? '' }}</td>
                                    <td>{{ $row['service_area'] ?? '' }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5" class="text-center">No {{ $label }} records found.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            <div id="pbg_details_buttons" class="mb-3"></div>
            <div class="row" style="padding:10px">
                @php $requiredDocs = $requiredDocs; $is_delete=false; @endphp
                @php
                    $documentData = $documentData ?? [];
                    $source = $source ?? null;
                    $folder = $folder ?? null;
                    $uploadOptions = $uploadOptions ?? [];
                @endphp
                @include($filePartial)
            </div>
           
            <form name="pbg_form" id="pbg_form">
                <div style="border:1px solid grey; border-radius:2px; padding: 9px;">
                    <div class="row mb-3">
                        <div class="col-md-4">
                            <label class="control-label" id="heading">Acceptance <span class="require"></span></label>
                        </div>
                        <div class="col-md-8" id="radio_p_div">
                            <div class="form-check form-check-inline">
                                <input type="radio" name="radio_p" id="radio_p_ok" value="Y" wire:model.live="pbg_acceptance">
                                <label class="form-check-label" for="radio_p_ok">OK</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input type="radio" name="radio_p" id="radio_p_notok" value="N" wire:model.live="pbg_acceptance">
                                <label class="form-check-label" for="radio_p_notok">Not OK</label>
                            </div>
                            @error('pbg_acceptance') <span class="text-danger small d-block mt-1">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="row mb-3 {{ $pbg_acceptance === 'N' ? 'd-flex' : 'd-none' }}" id="remark_p_div">
                        <div class="col-md-3">
                            <label for="remarkp" class="control-label" id="heading">Remark <span class="require"></span></label>
                        </div>
                        <div class="col-md-4">
                            <textarea maxlength="200" name="remarkp" id="remarkp" class="form-control" placeholder="Any Remark" autocomplete="off" wire:model="pbg_remark"></textarea>
                            @error('pbg_remark') <span class="text-danger small d-block mt-1">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    @if($pbg_acceptance==='Y')
                    <div class="row mb-3">
                        <div class="col-md-3">
                            <label for="pbgreceiveddt" class="control-label" id="heading">{{ $abbr }} Physical Received Date <span class="require"></span></label>
                        </div>
                        <div class="col-md-4">
                            <input type="date" name="pbgreceiveddt" id="pbgreceiveddt" class="form-control" placeholder="Enter {{ $abbr }} physically received date" required wire:model="pbg_received_dt">
                            @error('pbg_received_dt') <span class="text-danger small d-block mt-1">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class="col-md-3">
                            <label for="pbgletterno" class="control-label" id="heading">{{ $abbr }} Verification Letter No <span class="require"></span></label>
                        </div>
                        <div class="col-md-4">
                            <input type="text" name="pbgletterno" id="pbgletterno" class="form-control" placeholder="Enter {{ $abbr }} verification letter no" required wire:model="pbg_letter_no">
                            @error('pbg_letter_no') <span class="text-danger small d-block mt-1">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class="col-md-3">
                            <label for="pbgletterdt" class="control-label" id="heading">{{ $abbr }} Verification Letter Date <span class="require"></span></label>
                        </div>
                        <div class="col-md-4">
                            <input type="date" name="pbgletterdt" id="pbgletterdt" class="form-control" placeholder="Enter {{ $abbr }} verification letter date" required wire:model="pbg_letter_dt">
                            @error('pbg_letter_dt') <span class="text-danger small d-block mt-1">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class="col-md-3">
                            <label for="pbgrefno" class="control-label" id="heading">{{ $abbr }} Reference Number <span class="require"></span></label>
                        </div>
                        <div class="col-md-4">
                            <input type="text" name="pbgrefno" id="pbgrefno" class="form-control" placeholder="Enter {{ $abbr }} Reference Number" wire:model="pbg_ref_no">
                            @error('pbg_ref_no') <span class="text-danger small d-block mt-1">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    @endif
                </div>
            </form>
            
        </div>
        @endif
    </div>
@endif
@if($application['n_est_pbg']>0)
@if(($readOnly['pbg_details'] ?? false) === false && isset($pbgYn) && ($pbgYn == 'N' || $pbgYn == 'R'))
    <div class="well p-3 mb-4">
        <div class="row mb-2">
            <div class="col-md-12">
                <h5><span class="ui-icon ui-icon-circle-triangle-n" id="pbg_div_click"></span> {{ $label }} Details:</h5>
            </div>
        </div>
        <div id="pbg_div" class="mb-3">
            <div class="row" style="padding:10px">
                <div class="col-md-12">
                    <table id="pbg_details" class="table table-striped table-bordered w-100">
                        <thead>
                            <tr>
                                <th>{{ $abbr }} Number</th>
                                <th>Issue Date</th>
                                <th>IFSC Code</th>
                                <th>Amount (Rs.)</th>
                                <th>Service Area</th>
                                <th>Scrutiny Remark</th>
                                @if($showActions)
                                    <th>Actions</th>
                                @endif
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($pbgDetails as $row)
                                <tr>
                                    <td>{{ $row['bg_no'] ?? '' }}</td>
                                    <td>{{ $row['issue_date'] ?? '' }}</td>
                                    <td>{{ $row['ifsc_code'] ?? '' }}</td>
                                    <td>{{ $row['amount'] ?? '' }}</td>
                                    <td>{{ $row['service_area'] ?? '' }}</td>
                                    <td>{{ $row['sremark'] ?? '' }}</td>
                                    @if($showActions)
                                        <td style="white-space:nowrap;">
                                            <button type="button" class="btn btn-sm btn-secondary me-1" wire:click.prevent="editPbg('{{ $row['id'] ?? '' }}')">Modify</button>
                                            <button type="button" class="btn btn-sm btn-danger" onclick="if(!confirm('Are you sure you want to delete this BG record?')) event.stopImmediatePropagation();" wire:click.prevent="deletePbg('{{ $row['id'] ?? '' }}')">Delete</button>
                                        </td>
                                    @endif
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="{{ $showActions ? 7 : 6 }}" class="text-center">No {{ $label }} records found.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            <div id="pbg_details_buttons" class="mb-3"></div>
            <div class="row" style="padding:10px">
                @php $requiredDocs = $requiredDocs; $is_delete=true; @endphp
                @php
                    $documentData = $documentData ?? [];
                    $source = $source ?? null;
                    $folder = $folder ?? null;
                    $uploadOptions = $uploadOptions ?? [];
                @endphp
                @include($filePartial)
            </div>
        </div>
    </div>
@endif

@if(($readOnly['pbg_details'] ?? false) === false && isset($pbgYn) && ($pbgYn == 'A'))
    <div class="well p-3 mb-4">
        <div class="row mb-2">
            <div class="col-md-12">
                <h5><span class="ui-icon ui-icon-circle-triangle-n" id="pbg_div_click"></span> {{ $label }} Details:</h5>
            </div>
        </div>
        <div id="pbg_div" class="mb-3">
            <div class="row" style="padding:10px">
                <div class="col-md-12">
                    <table id="pbg_details" class="table table-striped table-bordered w-100">
                        <thead>
                            <tr>
                                <th>{{ $abbr }} Number</th>
                                <th>Issue Date</th>
                                <th>IFSC Code</th>
                                <th>Amount (Rs.)</th>
                                <th>Service Area</th>
                                <th>Scrutiny Remark</th>
                               
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($pbgDetails as $row)
                                <tr>
                                    <td>{{ $row['bg_no'] ?? '' }}</td>
                                    <td>{{ $row['issue_date'] ?? '' }}</td>
                                    <td>{{ $row['ifsc_code'] ?? '' }}</td>
                                    <td>{{ $row['amount'] ?? '' }}</td>
                                    <td>{{ $row['service_area'] ?? '' }}</td>
                                    <td>{{ $row['sremark'] ?? '' }}</td>
                                   
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="{{ $showActions ? 7 : 6 }}" class="text-center">No {{ $label }} records found.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            <div id="pbg_details_buttons" class="mb-3"></div>
            <div class="row" style="padding:10px">
                @php $requiredDocs = $requiredDocs; $is_delete=true; @endphp
                @php
                    $documentData = $documentData ?? [];
                    $source = $source ?? null;
                    $folder = $folder ?? null;
                    $uploadOptions = $uploadOptions ?? [];
                @endphp
                @include($filePartial)
            </div>
        </div>
    </div>
@endif
@endif