@extends('layouts.app')
@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-end gap-3 mb-3">
    <div>
        <div class="page-kicker">Ticket counter</div>
        <h1 class="page-title">Issue and manage entry tickets</h1>
        <div class="muted-line">Use this screen for walk-in visitors and reprints.</div>
    </div>
</div>
<div class="row g-3">
    @can('modify')
    <div class="col-lg-4">
        <div class="panel panel-pad">
            <h2 class="h5 mb-3">New counter ticket</h2>
            <form method="post" action="{{ route('tickets.store') }}">@csrf
                <label class="form-label">Entry category</label>
                <select class="form-select mb-3" name="ticket_category_id" required>
                    @foreach($categories as $category)<option value="{{ $category->id }}">{{ $category->name }} - Rs. {{ number_format($category->is_free ? 0 : $category->price * (100 - $category->discount_percent) / 100) }}</option>@endforeach
                </select>
                <label class="form-label">Entry gate</label>
                <select class="form-select mb-3" name="gate_name">
                    <option value="">Main Entrance</option>
                    @foreach($gates as $gate)<option value="{{ $gate->name }}">{{ $gate->name }}</option>@endforeach
                </select>
                <label class="form-label">Visitor name</label>
                <input class="form-control mb-2" name="visitor_name" value="{{ old('visitor_name') }}" placeholder="Full name" required>
                <label class="form-label">CNIC</label>
                <input class="form-control mb-2" name="visitor_cnic" value="{{ old('visitor_cnic') }}" placeholder="42101-0000000-0" required>
                <label class="form-label">Phone number</label>
                <input class="form-control mb-2" name="visitor_phone" value="{{ old('visitor_phone') }}" placeholder="03001234567" required>
                <label class="form-label">Address</label>
                <textarea class="form-control mb-3" name="visitor_address" rows="2" placeholder="Visitor address" required>{{ old('visitor_address') }}</textarea>
                <button class="btn btn-primary w-100"><i class="bi bi-printer me-1"></i> Save and print</button>
            </form>
        </div>
    </div>
    @endcan
    <div class="@can('modify') col-lg-8 @else col-12 @endcan">
        <div class="panel panel-pad">
            <div class="d-flex justify-content-between align-items-center mb-3"><h2 class="h5 mb-0">Recent tickets</h2><form class="d-flex"><input class="form-control" name="q" value="{{ request('q') }}" placeholder="Ticket no or barcode"></form></div>
            <div class="table-responsive"><table class="table align-middle">
                <thead><tr><th>Ticket no</th><th>Visitor</th><th>Class</th><th>Gate</th><th>Amount</th><th>Status</th><th>Issued</th><th></th></tr></thead>
                <tbody>@foreach($tickets as $ticket)<tr>
                    <td class="fw-semibold">{{ $ticket->ticket_number }}</td><td>{{ $ticket->visitor_name ?: '-' }}<div class="small text-secondary">{{ $ticket->visitor_phone }}</div></td><td>{{ $ticket->category->code }}</td><td>{{ $ticket->gate_name ?: 'Main Entrance' }}</td><td>Rs. {{ number_format($ticket->amount) }}</td><td><span class="badge badge-soft">{{ strtoupper($ticket->status) }}</span></td><td>{{ $ticket->issued_at->format('d M h:i A') }}</td><td class="text-end"><a class="btn btn-sm btn-outline-primary" href="{{ route('tickets.show',$ticket) }}">Details</a></td>
                </tr>@endforeach</tbody>
            </table></div>{{ $tickets->links() }}
        </div>
    </div>
</div>
@endsection