@extends('layouts.app')

@section('title', 'Cheque Book Details')

@section('content')
<div class="container-fluid">
    <div class="row mb-3">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3 class="card-title">
                        <i class="fas fa-book"></i> Cheque Book Details
                    </h3>
                    <div>
                        <a href="{{ route('cheque-books.edit', $chequeBook) }}" class="btn btn-warning">
                            <i class="fas fa-edit"></i> Edit
                        </a>
                        <a href="{{ route('cheque-books.index') }}" class="btn btn-secondary">
                            <i class="fas fa-arrow-left"></i> Back to List
                        </a>
                    </div>
                </div>
                
                <div class="card-body">
                    @if(session('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            {{ session('success') }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    @if(session('error'))
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            {{ session('error') }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    <div class="row">
                        <div class="col-md-6">
                            <table class="table table-bordered">
                                <tr>
                                    <th width="40%">Book ID:</th>
                                    <td>{{ $chequeBook->cheque_book_id }}</td>
                                </tr>
                                <tr>
                                    <th>Bank Account:</th>
                                    <td>
                                        <strong>{{ $chequeBook->bankAccount->bank_name ?? 'N/A' }}</strong><br>
                                        <small class="text-muted">{{ $chequeBook->bankAccount->account_number ?? 'N/A' }}</small>
                                    </td>
                                </tr>
                                <tr>
                                    <th>Book Number:</th>
                                    <td>{{ $chequeBook->book_number ?? 'N/A' }}</td>
                                </tr>
                                <tr>
                                    <th>Cheque Range:</th>
                                    <td>{{ $chequeBook->start_number }} - {{ $chequeBook->end_number }}</td>
                                </tr>
                                <tr>
                                    <th>Total Leaves:</th>
                                    <td><span class="badge badge-info">{{ $chequeBook->total_leaves }}</span></td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-md-6">
                            <table class="table table-bordered">
                                <tr>
                                    <th width="40%">Available Leaves:</th>
                                    <td><span class="badge badge-success">{{ $chequeBook->available_leaves_count }}</span></td>
                                </tr>
                                <tr>
                                    <th>Used Leaves:</th>
                                    <td><span class="badge badge-warning">{{ $chequeBook->used_leaves_count }}</span></td>
                                </tr>
                                <tr>
                                    <th>Issued Date:</th>
                                    <td>{{ $chequeBook->issued_date->format('Y-m-d') }}</td>
                                </tr>
                                <tr>
                                    <th>Received By:</th>
                                    <td>{{ $chequeBook->received_by ?? 'N/A' }}</td>
                                </tr>
                                <tr>
                                    <th>Status:</th>
                                    <td>
                                        @if($chequeBook->status == 'active')
                                            <span class="badge badge-success">Active</span>
                                        @elseif($chequeBook->status == 'completed')
                                            <span class="badge badge-info">Completed</span>
                                        @else
                                            <span class="badge badge-secondary">Cancelled</span>
                                        @endif
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Cheque Leaves -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">Cheque Leaves</h5>
                </div>
                <div class="card-body">
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#available">Available ({{ $leavesByStatus['available']->count() ?? 0 }})</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#issued">Issued ({{ $leavesByStatus['issued']->count() ?? 0 }})</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#used">Used ({{ $leavesByStatus['used']->count() ?? 0 }})</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#cancelled-tab">Cancelled ({{ $cancelledLeaves->count() ?? 0 }})</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#spoiled">Spoiled ({{ $leavesByStatus['spoiled']->count() ?? 0 }})</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#bounced">Bounced ({{ $bouncedLeaves->count() ?? 0 }})</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#stopped">Stopped ({{ $stoppedLeaves->count() ?? 0 }})</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#lost">Lost ({{ $leavesByStatus['lost']->count() ?? 0 }})</a>
                        </li>
                    </ul>

                    <div class="tab-content mt-3">
                        <!-- Available Leaves -->
                        <div id="available" class="tab-pane fade show active">
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>Cheque Number</th>
                                            <th>Status</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($leavesByStatus['available'] ?? [] as $leaf)
                                            <tr>
                                                <td>{{ $leaf->cheque_number }}</td>
                                                <td><span class="badge badge-success">Available</span></td>
                                                <td>
                                                    <div class="btn-group" role="group">
                                                        <button type="button" class="btn btn-sm btn-primary" 
                                                                data-toggle="modal" 
                                                                data-target="#issueModal{{ $leaf->cheque_leaf_id }}">
                                                            <i class="fas fa-paper-plane"></i> Issue
                                                        </button>
                                                        <button type="button" class="btn btn-sm btn-success" 
                                                                data-toggle="modal" 
                                                                data-target="#cashWithdrawModal{{ $leaf->cheque_leaf_id }}">
                                                            <i class="fas fa-money-bill-wave"></i> Cash Withdraw
                                                        </button>
                                                        <button type="button" class="btn btn-sm btn-warning" 
                                                                data-toggle="modal" 
                                                                data-target="#changeStatusModal{{ $leaf->cheque_leaf_id }}">
                                                            <i class="fas fa-edit"></i> Change Status
                                                        </button>
                                                    </div>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="3" class="text-center">No available leaves</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <!-- Issued Leaves -->
                        <div id="issued" class="tab-pane fade">
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>Cheque Number</th>
                                            <th>Issue Date</th>
                                            <th>Payee Date</th>
                                            <th>Payee Name</th>
                                            <th>Amount</th>
                                            <th>Purpose</th>
                                            <th>Payee Type</th>
                                            <th>Clearing Status</th>
                                            <th>Attachment</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($leavesByStatus['issued'] ?? [] as $leaf)
                                            @php
                                                $usage = $leaf->usage;
                                            @endphp
                                            <tr>
                                                <td>{{ $leaf->cheque_number }}</td>
                                                <td>{{ $usage->issue_date->format('Y-m-d') ?? 'N/A' }}</td>
                                                <td>
                                                    <div class="d-flex align-items-center">
                                                        <span>{{ $usage->payee_date ? $usage->payee_date->format('Y-m-d') : 'N/A' }}</span>
                                                        @if($usage)
                                                        <button type="button" class="btn btn-sm btn-link p-0 ml-2" 
                                                                data-toggle="modal" 
                                                                data-target="#updatePayeeDateModal{{ $usage->usage_id }}"
                                                                title="Edit Payee Date">
                                                            <i class="fas fa-edit text-primary"></i>
                                                        </button>
                                                        @endif
                                                    </div>
                                                </td>
                                                <td>{{ $usage->payee_name ?? 'N/A' }}</td>
                                                <td>৳{{ number_format($usage->amount ?? 0, 2) }}</td>
                                                <td>{{ $usage->purpose ?? 'N/A' }}</td>
                                                <td>
                                                    @if($usage->payee_type)
                                                        <span class="badge badge-info">{{ $usage->payee_type }}</span>
                                                    @else
                                                        N/A
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($usage->clearing_status == 'pending')
                                                        <span class="badge badge-warning">Pending</span>
                                                    @elseif($usage->clearing_status == 'cleared')
                                                        <span class="badge badge-success">Cleared</span>
                                                    @elseif($usage->clearing_status == 'bounced')
                                                        <span class="badge badge-danger">Bounced</span>
                                                    @else
                                                        <span class="badge badge-secondary">{{ ucfirst($usage->clearing_status) }}</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($usage->attachment)
                                                        <div class="btn-group" role="group">
                                                            <a href="{{ route('cheque-books.attachment.view', $usage) }}" 
                                                               class="btn btn-sm btn-info" 
                                                               target="_blank" 
                                                               title="View Attachment">
                                                                <i class="fas fa-eye"></i>
                                                            </a>
                                                            <a href="{{ route('cheque-books.attachment.download', $usage) }}" 
                                                               class="btn btn-sm btn-primary" 
                                                               title="Download Attachment">
                                                                <i class="fas fa-download"></i>
                                                            </a>
                                                        </div>
                                                    @else
                                                        <span class="text-muted">No attachment</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <div class="btn-group" role="group">
                                                        <button type="button" class="btn btn-sm btn-success" 
                                                                data-toggle="modal" 
                                                                data-target="#viewDetailsModal{{ $leaf->cheque_leaf_id }}">
                                                            <i class="fas fa-eye"></i> View
                                                        </button>
                                                        <button type="button" class="btn btn-sm btn-info" 
                                                                data-toggle="modal" 
                                                                data-target="#clearingModal{{ $usage->usage_id }}">
                                                            <i class="fas fa-edit"></i> Update Status
                                                        </button>
                                                    </div>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="10" class="text-center">No issued leaves</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <!-- Used Leaves -->
                        <div id="used" class="tab-pane fade">
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>Cheque Number</th>
                                            <th>Used Date</th>
                                            <th>Payee Date</th>
                                            <th>Payee Name</th>
                                            <th>Amount</th>
                                            <th>Purpose</th>
                                            <th>Payee Type</th>
                                            <th>Clearing Status</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($leavesByStatus['used'] ?? [] as $leaf)
                                            @php
                                                $usage = $leaf->usage;
                                            @endphp
                                            <tr>
                                                <td>{{ $leaf->cheque_number }}</td>
                                                <td>{{ $usage->used_date ? $usage->used_date->format('Y-m-d') : 'N/A' }}</td>
                                                <td>{{ $usage->payee_date ? $usage->payee_date->format('Y-m-d') : 'N/A' }}</td>
                                                <td>{{ $usage->payee_name ?? 'N/A' }}</td>
                                                <td>৳{{ number_format($usage->amount ?? 0, 2) }}</td>
                                                <td>{{ $usage->purpose ?? 'N/A' }}</td>
                                                <td>
                                                    @if($usage->payee_type)
                                                        <span class="badge badge-info">{{ $usage->payee_type }}</span>
                                                    @else
                                                        N/A
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($usage->clearing_status == 'cleared')
                                                        <span class="badge badge-success">Cleared</span>
                                                    @elseif($usage->clearing_status == 'bounced')
                                                        <span class="badge badge-danger">Bounced</span>
                                                    @else
                                                        <span class="badge badge-secondary">{{ ucfirst($usage->clearing_status) }}</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-sm btn-success" 
                                                            data-toggle="modal" 
                                                            data-target="#viewDetailsModal{{ $leaf->cheque_leaf_id }}">
                                                        <i class="fas fa-eye"></i> View
                                                    </button>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="9" class="text-center">No used leaves</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <!-- Cancelled Leaves -->
                        <div id="cancelled-tab" class="tab-pane fade">
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>Cheque Number</th>
                                            <th>Issue Date</th>
                                            <th>Payee Date</th>
                                            <th>Payee Name</th>
                                            <th>Amount</th>
                                            <th>Purpose</th>
                                            <th>Payee Type</th>
                                            <th>Clearing Status</th>
                                            <th>Attachment</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($cancelledLeaves ?? [] as $leaf)
                                            @php
                                                $usage = $leaf->usage;
                                            @endphp
                                            <tr>
                                                <td>{{ $leaf->cheque_number }}</td>
                                                <td>{{ $usage->issue_date->format('Y-m-d') ?? 'N/A' }}</td>
                                                <td>{{ $usage->payee_date ? $usage->payee_date->format('Y-m-d') : 'N/A' }}</td>
                                                <td>{{ $usage->payee_name ?? 'N/A' }}</td>
                                                <td>৳{{ number_format($usage->amount ?? 0, 2) }}</td>
                                                <td>{{ $usage->purpose ?? 'N/A' }}</td>
                                                <td>
                                                    @if($usage->payee_type)
                                                        <span class="badge badge-info">{{ $usage->payee_type }}</span>
                                                    @else
                                                        N/A
                                                    @endif
                                                </td>
                                                <td>
                                                    <span class="badge badge-danger">Cancelled</span>
                                                </td>
                                                <td>
                                                    @if($usage->attachment)
                                                        <div class="btn-group" role="group">
                                                            <a href="{{ route('cheque-books.attachment.view', $usage) }}" 
                                                               class="btn btn-sm btn-info" 
                                                               target="_blank" 
                                                               title="View Attachment">
                                                                <i class="fas fa-eye"></i>
                                                            </a>
                                                            <a href="{{ route('cheque-books.attachment.download', $usage) }}" 
                                                               class="btn btn-sm btn-primary"
                                                               title="Download Attachment">
                                                                <i class="fas fa-download"></i>
                                                            </a>
                                                        </div>
                                                    @else
                                                        <span class="text-muted">No attachment</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <div class="btn-group" role="group">
                                                        <button type="button" class="btn btn-sm btn-success" 
                                                                data-toggle="modal" 
                                                                data-target="#viewDetailsModal{{ $leaf->cheque_leaf_id }}">
                                                            <i class="fas fa-eye"></i> View
                                                        </button>
                                                        @if($usage)
                                                        <button type="button" class="btn btn-sm btn-info" 
                                                                data-toggle="modal" 
                                                                data-target="#clearingModal{{ $usage->usage_id }}">
                                                            <i class="fas fa-edit"></i> Update Status
                                                        </button>
                                                        @endif
                                                    </div>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="10" class="text-center">No cancelled leaves</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <!-- Spoiled Leaves -->
                        <div id="spoiled" class="tab-pane fade">
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>Cheque Number</th>
                                            <th>Remarks</th>
                                            <th>Status</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($leavesByStatus['spoiled'] ?? [] as $leaf)
                                            <tr>
                                                <td>{{ $leaf->cheque_number }}</td>
                                                <td>{{ $leaf->remark ?? 'N/A' }}</td>
                                                <td>
                                                    <span class="badge badge-secondary">Spoiled</span>
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-sm btn-success" 
                                                            data-toggle="modal" 
                                                            data-target="#viewDetailsModal{{ $leaf->cheque_leaf_id }}">
                                                        <i class="fas fa-eye"></i> View
                                                    </button>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="4" class="text-center">No spoiled leaves</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <!-- Bounced Leaves -->
                        <div id="bounced" class="tab-pane fade">
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>Cheque Number</th>
                                            <th>Issue Date</th>
                                            <th>Payee Date</th>
                                            <th>Payee Name</th>
                                            <th>Amount</th>
                                            <th>Purpose</th>
                                            <th>Payee Type</th>
                                            <th>Clearing Status</th>
                                            <th>Attachment</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($bouncedLeaves ?? [] as $leaf)
                                            @php
                                                $usage = $leaf->usage;
                                            @endphp
                                            <tr>
                                                <td>{{ $leaf->cheque_number }}</td>
                                                <td>{{ $usage->issue_date->format('Y-m-d') ?? 'N/A' }}</td>
                                                <td>
                                                    <div class="d-flex align-items-center">
                                                        <span>{{ $usage->payee_date ? $usage->payee_date->format('Y-m-d') : 'N/A' }}</span>
                                                        @if($usage)
                                                        <button type="button" class="btn btn-sm btn-link p-0 ml-2" 
                                                                data-toggle="modal" 
                                                                data-target="#updatePayeeDateModal{{ $usage->usage_id }}"
                                                                title="Edit Payee Date">
                                                            <i class="fas fa-edit text-primary"></i>
                                                        </button>
                                                        @endif
                                                    </div>
                                                </td>
                                                <td>{{ $usage->payee_name ?? 'N/A' }}</td>
                                                <td>৳{{ number_format($usage->amount ?? 0, 2) }}</td>
                                                <td>{{ $usage->purpose ?? 'N/A' }}</td>
                                                <td>
                                                    @if($usage->payee_type)
                                                        <span class="badge badge-info">{{ $usage->payee_type }}</span>
                                                    @else
                                                        N/A
                                                    @endif
                                                </td>
                                                <td>
                                                    <span class="badge badge-danger">Bounced</span>
                                                </td>
                                                <td>
                                                    @if($usage->attachment)
                                                        <div class="btn-group" role="group">
                                                            <a href="{{ route('cheque-books.attachment.view', $usage) }}" 
                                                               class="btn btn-sm btn-info" 
                                                               target="_blank" 
                                                               title="View Attachment">
                                                                <i class="fas fa-eye"></i>
                                                            </a>
                                                            <a href="{{ route('cheque-books.attachment.download', $usage) }}" 
                                                               class="btn btn-sm btn-primary" 
                                                               title="Download Attachment">
                                                                <i class="fas fa-download"></i>
                                                            </a>
                                                        </div>
                                                    @else
                                                        <span class="text-muted">No attachment</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <div class="btn-group" role="group">
                                                        <button type="button" class="btn btn-sm btn-success" 
                                                                data-toggle="modal" 
                                                                data-target="#viewDetailsModal{{ $leaf->cheque_leaf_id }}">
                                                            <i class="fas fa-eye"></i> View
                                                        </button>
                                                        @if($usage)
                                                        <button type="button" class="btn btn-sm btn-info" 
                                                                data-toggle="modal" 
                                                                data-target="#clearingModal{{ $usage->usage_id }}">
                                                            <i class="fas fa-edit"></i> Update Status
                                                        </button>
                                                        @endif
                                                    </div>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="10" class="text-center">No bounced leaves</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <!-- Stopped Leaves -->
                        <div id="stopped" class="tab-pane fade">
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>Cheque Number</th>
                                            <th>Issue Date</th>
                                            <th>Payee Date</th>
                                            <th>Payee Name</th>
                                            <th>Amount</th>
                                            <th>Purpose</th>
                                            <th>Payee Type</th>
                                            <th>Clearing Status</th>
                                            <th>Attachment</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($stoppedLeaves ?? [] as $leaf)
                                            @php
                                                $usage = $leaf->usage;
                                            @endphp
                                            <tr>
                                                <td>{{ $leaf->cheque_number }}</td>
                                                <td>{{ $usage->issue_date->format('Y-m-d') ?? 'N/A' }}</td>
                                                <td>
                                                    <div class="d-flex align-items-center">
                                                        <span>{{ $usage->payee_date ? $usage->payee_date->format('Y-m-d') : 'N/A' }}</span>
                                                        @if($usage)
                                                        <button type="button" class="btn btn-sm btn-link p-0 ml-2" 
                                                                data-toggle="modal" 
                                                                data-target="#updatePayeeDateModal{{ $usage->usage_id }}"
                                                                title="Edit Payee Date">
                                                            <i class="fas fa-edit text-primary"></i>
                                                        </button>
                                                        @endif
                                                    </div>
                                                </td>
                                                <td>{{ $usage->payee_name ?? 'N/A' }}</td>
                                                <td>৳{{ number_format($usage->amount ?? 0, 2) }}</td>
                                                <td>{{ $usage->purpose ?? 'N/A' }}</td>
                                                <td>
                                                    @if($usage->payee_type)
                                                        <span class="badge badge-info">{{ $usage->payee_type }}</span>
                                                    @else
                                                        N/A
                                                    @endif
                                                </td>
                                                <td>
                                                    <span class="badge badge-warning">Stopped</span>
                                                </td>
                                                <td>
                                                    @if($usage->attachment)
                                                        <div class="btn-group" role="group">
                                                            <a href="{{ route('cheque-books.attachment.view', $usage) }}" 
                                                               class="btn btn-sm btn-info" 
                                                               target="_blank" 
                                                               title="View Attachment">
                                                                <i class="fas fa-eye"></i>
                                                            </a>
                                                            <a href="{{ route('cheque-books.attachment.download', $usage) }}" 
                                                               class="btn btn-sm btn-primary" 
                                                               title="Download Attachment">
                                                                <i class="fas fa-download"></i>
                                                            </a>
                                                        </div>
                                                    @else
                                                        <span class="text-muted">No attachment</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <div class="btn-group" role="group">
                                                        <button type="button" class="btn btn-sm btn-success" 
                                                                data-toggle="modal" 
                                                                data-target="#viewDetailsModal{{ $leaf->cheque_leaf_id }}">
                                                            <i class="fas fa-eye"></i> View
                                                        </button>
                                                        @if($usage)
                                                        <button type="button" class="btn btn-sm btn-info" 
                                                                data-toggle="modal" 
                                                                data-target="#clearingModal{{ $usage->usage_id }}">
                                                            <i class="fas fa-edit"></i> Update Status
                                                        </button>
                                                        @endif
                                                    </div>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="10" class="text-center">No stopped leaves</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <!-- Lost Leaves -->
                        <div id="lost" class="tab-pane fade">
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>Cheque Number</th>
                                            <th>Remarks</th>
                                            <th>Status</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($leavesByStatus['lost'] ?? [] as $leaf)
                                            <tr>
                                                <td>{{ $leaf->cheque_number }}</td>
                                                <td>{{ $leaf->remark ?? 'N/A' }}</td>
                                                <td>
                                                    <span class="badge badge-secondary">Lost</span>
                                                </td>
                                                <td>
                                                    <div class="btn-group" role="group">
                                                        <button type="button" class="btn btn-sm btn-success" 
                                                                data-toggle="modal" 
                                                                data-target="#viewDetailsModal{{ $leaf->cheque_leaf_id }}">
                                                            <i class="fas fa-eye"></i> View
                                                        </button>
                                                        <button type="button" class="btn btn-sm btn-info" 
                                                                data-toggle="modal" 
                                                                data-target="#changeStatusModal{{ $leaf->cheque_leaf_id }}">
                                                            <i class="fas fa-edit"></i> Update Status
                                                        </button>
                                                    </div>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="4" class="text-center">No lost leaves</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Issue Modal -->
@foreach($leavesByStatus['available'] ?? [] as $leaf)
<div class="modal fade" id="issueModal{{ $leaf->cheque_leaf_id }}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form action="{{ route('cheque-books.issue-leaf', $chequeBook) }}" method="POST" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="cheque_leaf_id" value="{{ $leaf->cheque_leaf_id }}">
                <div class="modal-header">
                    <h5 class="modal-title">Issue Cheque #{{ $leaf->cheque_number }}</h5>
                    <button type="button" class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>Issue Date <span class="text-danger">*</span></label>
                        <input type="date" name="issue_date" class="form-control" value="{{ date('Y-m-d') }}" required>
                    </div>
                    <div class="form-group">
                        <label>Payee Date <span class="text-danger">*</span></label>
                        <input type="date" name="payee_date" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>Vendor/Company:</label>
                        <select name="vendor_company_id" id="vendor_company_{{ $leaf->cheque_leaf_id }}" class="form-control" onchange="updatePayeeNameFromVendor({{ $leaf->cheque_leaf_id }}, this.value)">
                            <option value="">Select Vendor/Company</option>
                            @foreach(\App\Models\BandwidthProvider::active()->orderBy('name')->get() as $vendor)
                                <option value="{{ $vendor->id }}" data-name="{{ $vendor->company_name ?? $vendor->name }}">
                                    {{ $vendor->company_name ?? $vendor->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Payee Name <span class="text-danger">*</span></label>
                        <input type="text" name="payee_name" id="payee_name_{{ $leaf->cheque_leaf_id }}" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>Amount <span class="text-danger">*</span></label>
                        <input type="number" name="amount" class="form-control" step="0.01" min="0" required>
                    </div>
                    <div class="form-group">
                        <label>Purpose</label>
                        <input type="text" name="purpose" class="form-control">
                    </div>
                    <div class="form-group">
                        <label>Payee Type <span class="text-danger">*</span></label>
                        <select name="payee_type" class="form-control" required>
                            <option value="">Select Payee Type</option>
                            <option value="Cash">Cash</option>
                            <option value="Accounts Payee">Accounts Payee</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Attachment</label>
                        <input type="file" name="attachment" class="form-control" accept=".pdf,.doc,.docx,.jpg,.jpeg,.png">
                        <small class="form-text text-muted">Supported formats: PDF, DOC, DOCX, JPG, JPEG, PNG. Max size: 10MB</small>
                    </div>
                    <div class="form-group">
                        <label>Remark</label>
                        <textarea name="remark" class="form-control" rows="3"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary">Issue Cheque</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endforeach

<!-- Cash Withdraw Modal -->
@foreach($leavesByStatus['available'] ?? [] as $leaf)
<div class="modal fade" id="cashWithdrawModal{{ $leaf->cheque_leaf_id }}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form action="{{ route('cheque-books.cash-withdraw', $chequeBook) }}" method="POST">
                @csrf
                <input type="hidden" name="cheque_leaf_id" value="{{ $leaf->cheque_leaf_id }}">
                <div class="modal-header">
                    <h5 class="modal-title">Cash Withdraw - Cheque #{{ $leaf->cheque_number }}</h5>
                    <button type="button" class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>Withdraw Date <span class="text-danger">*</span></label>
                        <input type="date" name="withdraw_date" class="form-control" value="{{ date('Y-m-d') }}" required>
                    </div>
                    <div class="form-group">
                        <label>Payee Date <span class="text-danger">*</span></label>
                        <input type="date" name="payee_date" class="form-control" value="{{ date('Y-m-d') }}" required>
                    </div>
                    <div class="form-group">
                        <label>Payee Name <span class="text-danger">*</span></label>
                        <input type="text" name="payee_name" class="form-control" value="Cash" required>
                    </div>
                    <div class="form-group">
                        <label>Amount <span class="text-danger">*</span></label>
                        <input type="number" name="amount" class="form-control" step="0.01" min="0" required>
                    </div>
                    <div class="form-group">
                        <label>Purpose</label>
                        <input type="text" name="purpose" class="form-control" placeholder="Enter purpose (optional)">
                    </div>
                    <div class="form-group">
                        <label>Remark</label>
                        <textarea name="remark" class="form-control" rows="3" placeholder="Enter remark (optional)"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-success">Cash Withdraw</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endforeach

<!-- Change Leaf Status Modal -->
@foreach($leavesByStatus['available'] ?? [] as $leaf)
<div class="modal fade" id="changeStatusModal{{ $leaf->cheque_leaf_id }}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form action="{{ route('cheque-books.update-leaf-status', ['chequeBook' => $chequeBook, 'chequeLeaf' => $leaf]) }}" method="POST">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">Change Status - Cheque #{{ $leaf->cheque_number }}</h5>
                    <button type="button" class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>Status <span class="text-danger">*</span></label>
                        <select name="leaf_status" class="form-control" required>
                            <option value="">Select Status</option>
                            <option value="cancelled">Cancelled</option>
                            <option value="spoiled">Spoiled</option>
                            <option value="lost">Lost</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Remark <span class="text-danger">*</span></label>
                        <textarea name="remark" class="form-control" rows="3" placeholder="Enter remark" required>{{ $leaf->remark }}</textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-warning">Update Status</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endforeach

<!-- Change Leaf Status Modal for Lost Leaves -->
@foreach($leavesByStatus['lost'] ?? [] as $leaf)
<div class="modal fade" id="changeStatusModal{{ $leaf->cheque_leaf_id }}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form action="{{ route('cheque-books.update-leaf-status', ['chequeBook' => $chequeBook, 'chequeLeaf' => $leaf]) }}" method="POST">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">Change Status - Cheque #{{ $leaf->cheque_number }}</h5>
                    <button type="button" class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>Status <span class="text-danger">*</span></label>
                        <select name="leaf_status" class="form-control" required>
                            <option value="">Select Status</option>
                            <option value="available" {{ $leaf->leaf_status == 'available' ? 'selected' : '' }}>Available</option>
                            <option value="cancelled">Cancelled</option>
                            <option value="spoiled">Spoiled</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Remark <span class="text-danger">*</span></label>
                        <textarea name="remark" class="form-control" rows="3" placeholder="Enter remark" required>{{ $leaf->remark }}</textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-warning">Update Status</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endforeach

<!-- Clearing Status Modal -->
@foreach($leavesByStatus['issued'] ?? [] as $leaf)
    @if($leaf->usage)
        <div class="modal fade" id="clearingModal{{ $leaf->usage->usage_id }}" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form action="{{ route('cheque-books.update-clearing-status', $leaf->usage->usage_id) }}" method="POST">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title">Update Clearing Status - Cheque #{{ $leaf->cheque_number }}</h5>
                            <button type="button" class="close" data-dismiss="modal">
                                <span>&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <label>Clearing Status <span class="text-danger">*</span></label>
                                <select name="clearing_status" class="form-control" required>
                                    <option value="pending" {{ $leaf->usage->clearing_status == 'pending' ? 'selected' : '' }}>Pending</option>
                                    <option value="cleared" {{ $leaf->usage->clearing_status == 'cleared' ? 'selected' : '' }}>Cleared</option>
                                    <option value="bounced" {{ $leaf->usage->clearing_status == 'bounced' ? 'selected' : '' }}>Bounced</option>
                                    <option value="cancelled" {{ $leaf->usage->clearing_status == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                                    <option value="stopped" {{ $leaf->usage->clearing_status == 'stopped' ? 'selected' : '' }}>Stopped</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Used Date</label>
                                <input type="date" name="used_date" class="form-control" value="{{ $leaf->usage->used_date ? $leaf->usage->used_date->format('Y-m-d') : '' }}">
                            </div>
                            <div class="form-group">
                                <label>Remark</label>
                                <textarea name="remark" class="form-control" rows="3">{{ $leaf->usage->remark }}</textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-primary">Update Status</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif
@endforeach

<!-- Clearing Status Modal for Bounced Leaves -->
@foreach($bouncedLeaves ?? [] as $leaf)
    @if($leaf->usage)
        <div class="modal fade" id="clearingModal{{ $leaf->usage->usage_id }}" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form action="{{ route('cheque-books.update-clearing-status', $leaf->usage->usage_id) }}" method="POST">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title">Update Clearing Status - Cheque #{{ $leaf->cheque_number }}</h5>
                            <button type="button" class="close" data-dismiss="modal">
                                <span>&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <label>Clearing Status <span class="text-danger">*</span></label>
                                <select name="clearing_status" class="form-control" required>
                                    <option value="pending" {{ $leaf->usage->clearing_status == 'pending' ? 'selected' : '' }}>Pending</option>
                                    <option value="cleared" {{ $leaf->usage->clearing_status == 'cleared' ? 'selected' : '' }}>Cleared</option>
                                    <option value="bounced" {{ $leaf->usage->clearing_status == 'bounced' ? 'selected' : '' }}>Bounced</option>
                                    <option value="cancelled" {{ $leaf->usage->clearing_status == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                                    <option value="stopped" {{ $leaf->usage->clearing_status == 'stopped' ? 'selected' : '' }}>Stopped</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Used Date</label>
                                <input type="date" name="used_date" class="form-control" value="{{ $leaf->usage->used_date ? $leaf->usage->used_date->format('Y-m-d') : '' }}">
                            </div>
                            <div class="form-group">
                                <label>Remark</label>
                                <textarea name="remark" class="form-control" rows="3">{{ $leaf->usage->remark }}</textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-primary">Update Status</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif
@endforeach

<!-- Clearing Status Modal for Stopped Leaves -->
@foreach($stoppedLeaves ?? [] as $leaf)
    @if($leaf->usage)
        <div class="modal fade" id="clearingModal{{ $leaf->usage->usage_id }}" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form action="{{ route('cheque-books.update-clearing-status', $leaf->usage->usage_id) }}" method="POST">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title">Update Clearing Status - Cheque #{{ $leaf->cheque_number }}</h5>
                            <button type="button" class="close" data-dismiss="modal">
                                <span>&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <label>Clearing Status <span class="text-danger">*</span></label>
                                <select name="clearing_status" class="form-control" required>
                                    <option value="pending" {{ $leaf->usage->clearing_status == 'pending' ? 'selected' : '' }}>Pending</option>
                                    <option value="cleared" {{ $leaf->usage->clearing_status == 'cleared' ? 'selected' : '' }}>Cleared</option>
                                    <option value="bounced" {{ $leaf->usage->clearing_status == 'bounced' ? 'selected' : '' }}>Bounced</option>
                                    <option value="cancelled" {{ $leaf->usage->clearing_status == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                                    <option value="stopped" {{ $leaf->usage->clearing_status == 'stopped' ? 'selected' : '' }}>Stopped</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Used Date</label>
                                <input type="date" name="used_date" class="form-control" value="{{ $leaf->usage->used_date ? $leaf->usage->used_date->format('Y-m-d') : '' }}">
                            </div>
                            <div class="form-group">
                                <label>Remark</label>
                                <textarea name="remark" class="form-control" rows="3">{{ $leaf->usage->remark }}</textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-primary">Update Status</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif
@endforeach

<!-- Clearing Status Modal for Cancelled Leaves -->
@foreach($cancelledLeaves ?? [] as $leaf)
    @if($leaf->usage)
        <div class="modal fade" id="clearingModal{{ $leaf->usage->usage_id }}" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form action="{{ route('cheque-books.update-clearing-status', $leaf->usage->usage_id) }}" method="POST">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title">Update Clearing Status - Cheque #{{ $leaf->cheque_number }}</h5>
                            <button type="button" class="close" data-dismiss="modal">
                                <span>&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <label>Clearing Status <span class="text-danger">*</span></label>
                                <select name="clearing_status" class="form-control" required>
                                    <option value="pending" {{ $leaf->usage->clearing_status == 'pending' ? 'selected' : '' }}>Pending</option>
                                    <option value="cleared" {{ $leaf->usage->clearing_status == 'cleared' ? 'selected' : '' }}>Cleared</option>
                                    <option value="bounced" {{ $leaf->usage->clearing_status == 'bounced' ? 'selected' : '' }}>Bounced</option>
                                    <option value="cancelled" {{ $leaf->usage->clearing_status == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                                    <option value="stopped" {{ $leaf->usage->clearing_status == 'stopped' ? 'selected' : '' }}>Stopped</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Used Date</label>
                                <input type="date" name="used_date" class="form-control" value="{{ $leaf->usage->used_date ? $leaf->usage->used_date->format('Y-m-d') : '' }}">
                            </div>
                            <div class="form-group">
                                <label>Remark</label>
                                <textarea name="remark" class="form-control" rows="3">{{ $leaf->usage->remark }}</textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-primary">Update Status</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif
@endforeach

<!-- Update Payee Date Modal for Issued Leaves -->
@foreach($leavesByStatus['issued'] ?? [] as $leaf)
    @if($leaf->usage)
        <div class="modal fade" id="updatePayeeDateModal{{ $leaf->usage->usage_id }}" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form action="{{ route('cheque-books.update-payee-date', $leaf->usage->usage_id) }}" method="POST">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title">Update Payee Date - Cheque #{{ $leaf->cheque_number }}</h5>
                            <button type="button" class="close" data-dismiss="modal">
                                <span>&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <label>Payee Date <span class="text-danger">*</span></label>
                                <input type="date" name="payee_date" class="form-control" value="{{ $leaf->usage->payee_date ? $leaf->usage->payee_date->format('Y-m-d') : '' }}" required>
                            </div>
                            <div class="form-group">
                                <label>Remark <span class="text-danger">*</span></label>
                                <textarea name="remark" class="form-control" rows="3" placeholder="Enter remark for this change" required>{{ $leaf->usage->remark }}</textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-primary">Update Payee Date</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif
@endforeach

<!-- Update Payee Date Modal for Bounced Leaves -->
@foreach($bouncedLeaves ?? [] as $leaf)
    @if($leaf->usage)
        <div class="modal fade" id="updatePayeeDateModal{{ $leaf->usage->usage_id }}" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form action="{{ route('cheque-books.update-payee-date', $leaf->usage->usage_id) }}" method="POST">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title">Update Payee Date - Cheque #{{ $leaf->cheque_number }}</h5>
                            <button type="button" class="close" data-dismiss="modal">
                                <span>&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <label>Payee Date <span class="text-danger">*</span></label>
                                <input type="date" name="payee_date" class="form-control" value="{{ $leaf->usage->payee_date ? $leaf->usage->payee_date->format('Y-m-d') : '' }}" required>
                            </div>
                            <div class="form-group">
                                <label>Remark <span class="text-danger">*</span></label>
                                <textarea name="remark" class="form-control" rows="3" placeholder="Enter remark for this change" required>{{ $leaf->usage->remark }}</textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-primary">Update Payee Date</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif
@endforeach

<!-- Update Payee Date Modal for Stopped Leaves -->
@foreach($stoppedLeaves ?? [] as $leaf)
    @if($leaf->usage)
        <div class="modal fade" id="updatePayeeDateModal{{ $leaf->usage->usage_id }}" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form action="{{ route('cheque-books.update-payee-date', $leaf->usage->usage_id) }}" method="POST">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title">Update Payee Date - Cheque #{{ $leaf->cheque_number }}</h5>
                            <button type="button" class="close" data-dismiss="modal">
                                <span>&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <label>Payee Date <span class="text-danger">*</span></label>
                                <input type="date" name="payee_date" class="form-control" value="{{ $leaf->usage->payee_date ? $leaf->usage->payee_date->format('Y-m-d') : '' }}" required>
                            </div>
                            <div class="form-group">
                                <label>Remark <span class="text-danger">*</span></label>
                                <textarea name="remark" class="form-control" rows="3" placeholder="Enter remark for this change" required>{{ $leaf->usage->remark }}</textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-primary">Update Payee Date</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif
@endforeach

<!-- View Details Modal -->
@php
    $allLeaves = collect($leavesByStatus['available'] ?? [])
        ->merge($leavesByStatus['issued'] ?? [])
        ->merge($leavesByStatus['used'] ?? [])
        ->merge($leavesByStatus['cancelled'] ?? [])
        ->merge($leavesByStatus['spoiled'] ?? [])
        ->merge($leavesByStatus['lost'] ?? [])
        ->merge($bouncedLeaves ?? [])
        ->merge($stoppedLeaves ?? []);
@endphp
@foreach($allLeaves as $leaf)
<div class="modal fade" id="viewDetailsModal{{ $leaf->cheque_leaf_id }}" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Cheque Details - #{{ $leaf->cheque_number }}</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6">
                        <table class="table table-bordered">
                            <tr>
                                <th width="40%">Cheque Number:</th>
                                <td><strong>{{ $leaf->cheque_number }}</strong></td>
                            </tr>
                            <tr>
                                <th>Status:</th>
                                <td>
                                    @if($leaf->leaf_status == 'available')
                                        <span class="badge badge-success">Available</span>
                                    @elseif($leaf->leaf_status == 'issued')
                                        <span class="badge badge-warning">Issued</span>
                                    @elseif($leaf->leaf_status == 'used')
                                        <span class="badge badge-info">Used</span>
                                    @else
                                        <span class="badge badge-secondary">{{ ucfirst(str_replace('_', ' ', $leaf->leaf_status)) }}</span>
                                    @endif
                                </td>
                            </tr>
                            @if($leaf->remark)
                            <tr>
                                <th>Remark:</th>
                                <td>{{ $leaf->remark }}</td>
                            </tr>
                            @endif
                            @if($leaf->usage)
                                @php
                                    $usage = $leaf->usage;
                                @endphp
                                <tr>
                                    <th>Issue Date:</th>
                                    <td>{{ $usage->issue_date->format('Y-m-d') ?? 'N/A' }}</td>
                                </tr>
                                <tr>
                                    <th>Payee Date:</th>
                                    <td>{{ $usage->payee_date ? $usage->payee_date->format('Y-m-d') : 'N/A' }}</td>
                                </tr>
                                <tr>
                                    <th>Used Date:</th>
                                    <td>{{ $usage->used_date ? $usage->used_date->format('Y-m-d') : 'N/A' }}</td>
                                </tr>
                                <tr>
                                    <th>Payee Name:</th>
                                    <td><strong>{{ $usage->payee_name ?? 'N/A' }}</strong></td>
                                </tr>
                                <tr>
                                    <th>Amount:</th>
                                    <td><strong class="text-success">৳{{ number_format($usage->amount ?? 0, 2) }}</strong></td>
                                </tr>
                                <tr>
                                    <th>Purpose:</th>
                                    <td>{{ $usage->purpose ?? 'N/A' }}</td>
                                </tr>
                                <tr>
                                    <th>Payee Type:</th>
                                    <td>
                                        @if($usage->payee_type)
                                            <span class="badge badge-info">{{ $usage->payee_type }}</span>
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th>Clearing Status:</th>
                                    <td>
                                        @if($usage->clearing_status == 'pending')
                                            <span class="badge badge-warning">Pending</span>
                                        @elseif($usage->clearing_status == 'cleared')
                                            <span class="badge badge-success">Cleared</span>
                                        @elseif($usage->clearing_status == 'bounced')
                                            <span class="badge badge-danger">Bounced</span>
                                        @else
                                            <span class="badge badge-secondary">{{ ucfirst($usage->clearing_status) }}</span>
                                        @endif
                                    </td>
                                </tr>
                                @if($usage->remark)
                                <tr>
                                    <th>Usage Remark:</th>
                                    <td>{{ $usage->remark }}</td>
                                </tr>
                                @endif
                                @if($usage->attachment)
                                <tr>
                                    <th>Attachment:</th>
                                    <td>
                                        <div class="btn-group" role="group">
                                            <a href="{{ route('cheque-books.attachment.view', $usage) }}" 
                                               class="btn btn-sm btn-info" 
                                               target="_blank" 
                                               title="View Attachment">
                                                <i class="fas fa-eye"></i> View
                                            </a>
                                            <a href="{{ route('cheque-books.attachment.download', $usage) }}" 
                                               class="btn btn-sm btn-primary" 
                                               title="Download Attachment">
                                                <i class="fas fa-download"></i> Download
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                @endif
                            @endif
                        </table>
                    </div>
                    <div class="col-md-6">
                        <table class="table table-bordered">
                            <tr>
                                <th width="40%">Book ID:</th>
                                <td>{{ $chequeBook->cheque_book_id }}</td>
                            </tr>
                            <tr>
                                <th>Bank Account:</th>
                                <td>
                                    <strong>{{ $chequeBook->bankAccount->bank_name ?? 'N/A' }}</strong><br>
                                    <small class="text-muted">{{ $chequeBook->bankAccount->account_number ?? 'N/A' }}</small>
                                </td>
                            </tr>
                            <tr>
                                <th>Book Number:</th>
                                <td>{{ $chequeBook->book_number ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>Cheque Range:</th>
                                <td>{{ $chequeBook->start_number }} - {{ $chequeBook->end_number }}</td>
                            </tr>
                            <tr>
                                <th>Issued Date:</th>
                                <td>{{ $chequeBook->issued_date->format('Y-m-d') }}</td>
                            </tr>
                            <tr>
                                <th>Received By:</th>
                                <td>{{ $chequeBook->received_by ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>Book Status:</th>
                                <td>
                                    @if($chequeBook->status == 'active')
                                        <span class="badge badge-success">Active</span>
                                    @elseif($chequeBook->status == 'completed')
                                        <span class="badge badge-info">Completed</span>
                                    @else
                                        <span class="badge badge-secondary">Cancelled</span>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <th>Created At:</th>
                                <td>{{ $leaf->created_at->format('Y-m-d H:i:s') }}</td>
                            </tr>
                            <tr>
                                <th>Updated At:</th>
                                <td>{{ $leaf->updated_at->format('Y-m-d H:i:s') }}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@endforeach

@push('scripts')
<script>
// Function to update Payee Name from Vendor/Company selection
function updatePayeeNameFromVendor(leafId, vendorId) {
    const vendorSelect = document.getElementById('vendor_company_' + leafId);
    const payeeNameInput = document.getElementById('payee_name_' + leafId);
    
    if (vendorSelect && payeeNameInput) {
        const selectedOption = vendorSelect.options[vendorSelect.selectedIndex];
        if (selectedOption && selectedOption.value) {
            const vendorName = selectedOption.getAttribute('data-name');
            if (vendorName) {
                payeeNameInput.value = vendorName;
            }
        } else {
            // Clear if no vendor selected
            payeeNameInput.value = '';
        }
    }
}

$(document).ready(function() {
    // Get the storage key for this specific cheque book
    var storageKey = 'chequeBookTab_{{ $chequeBook->cheque_book_id }}';
    
    // Function to activate a tab
    function activateTab(tabId) {
        // Remove active class from all tabs and panes
        $('.nav-tabs .nav-link').removeClass('active');
        $('.tab-pane').removeClass('show active');
        
        // Activate the selected tab
        $('a[href="#' + tabId + '"]').addClass('active');
        $('#' + tabId).addClass('show active');
    }
    
    // On tab click, save the active tab
    $('.nav-tabs a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        var targetTab = $(e.target).attr('href').substring(1); // Remove the # from href
        localStorage.setItem(storageKey, targetTab);
        
        // Update URL hash without triggering scroll
        if (history.pushState) {
            history.pushState(null, null, '#' + targetTab);
        } else {
            window.location.hash = '#' + targetTab;
        }
    });
    
    // On page load, restore the active tab
    var savedTab = localStorage.getItem(storageKey);
    var hashTab = window.location.hash.substring(1); // Remove the # from hash
    
    // Priority: URL hash > localStorage > default (available)
    var tabToActivate = hashTab || savedTab || 'available';
    
    if (tabToActivate && $('#' + tabToActivate).length) {
        activateTab(tabToActivate);
    }
});
</script>
@endpush
@endsection