@extends('tellers.drawers.base')

@section('action-content')

<section class="content">
<div class="container">

    <div class="d-flex justify-content-between mb-3">
        <h3>Teller Drawers</h3>
    </div>

    @if(session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif

    <!-- FILTER FORM -->
    <div class="card mb-3">
        <div class="card-body">
            <form method="GET" action="{{ url('teller.drawers.index') }}">
                <div class="row">

                    <div class="col-md-4">
                        <label>Teller</label>
                        <select name="user_id" class="form-control">
                            <option value="">-- All Tellers --</option>
                            @foreach($tellers as $teller)
                                <option value="{{ $teller->id }}"
                                    {{ request('user_id') == $teller->id ? 'selected' : '' }}>
                                    {{ $teller->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-3">
                        <label>From Date</label>
                        <input type="date"
                               name="from_date"
                               class="form-control"
                               value="{{ request('from_date') }}">
                    </div>

                    <div class="col-md-3">
                        <label>To Date</label>
                        <input type="date"
                               name="to_date"
                               class="form-control"
                               value="{{ request('to_date') }}">
                    </div>

                    <div class="col-md-2 d-flex align-items-end">
                        <button type="submit" class="btn btn-primary btn-block">
                            Filter
                        </button>
                    </div>

                </div>
            </form>
        </div>
    </div>

 <!-- DRAWERS TABLE -->
    <div class="box">
        <div class="box-body p-0">
            <table class="table table-bordered table-striped mb-0">
                <thead class="thead-dark">
                    <tr>
                        <th>#</th>
                        <th>Teller</th>
                        <th>Date</th>
                        <th>Opening Balance</th>
                        <th>Closing Balance</th>
                        <th>Status</th>
                        <th width="100">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($drawers as $drawer)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $drawer->user->name ?? 'N/A' }}</td>
                            <td>{{ \Carbon\Carbon::parse($drawer->date)->format('d M Y') }}</td>
                            <td>{{ number_format($drawer->opening_balance, 2) }}</td>
                            <td>
                                {{ $drawer->status === 'closed'
                                    ? number_format($drawer->closing_balance, 2)
                                    : '—' }}
                            </td>
                            <td>
                                <span class="badge badge-{{ $drawer->status === 'open' ? 'success' : 'secondary' }}">
                                    {{ ucfirst($drawer->status) }}
                                </span>
                            </td>
                            <td>
                                <a href="{{ route('teller.drawer.show', $drawer->id) }}"
                                   class="btn btn-sm btn-primary">
                                    View
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="text-center">
                                No teller drawers found
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

<!-- PAGINATION -->
    <div class="mt-3">
        {{ $drawers->links() }}
    </div>

</div>
</section>
@endsection