@extends('layouts.app')
@section('content')
<div class="max-w-3xl mx-auto p-6">
    <h1 class="text-xl font-semibold mb-4">Cancellation Approval</h1>
    @if(session('success'))<div class="p-3 mb-4 bg-green-100 text-green-800 rounded">{{ session('success') }}</div>@endif
    @if(session('error'))<div class="p-3 mb-4 bg-red-100 text-red-800 rounded">{{ session('error') }}</div>@endif
    <div class="p-4 bg-white rounded shadow text-sm mb-4">
        <div><span class="font-medium">Booking #:</span> {{ $booking->booking_number }}</div>
        <div><span class="font-medium">Customer:</span> {{ $booking->customer->name }}</div>
        <div><span class="font-medium">Cancellation Date:</span> {{ $cancellation->cancellation_date->format('Y-m-d') }}</div>
        <div><span class="font-medium">Fee:</span> {{ number_format($cancellation->cancellation_fee, 2) }}</div>
        <div><span class="font-medium">Refund:</span> {{ number_format($cancellation->refund_amount, 2) }}</div>
    </div>
    <div class="flex items-center gap-4">
        <form method="POST" action="{{ route('cancellations.approve.process', $cancellation) }}">
            @csrf
            <input type="hidden" name="decision" value="approve">
            <button class="px-6 py-2 bg-green-600 text-white rounded">Approve</button>
        </form>
        <form method="POST" action="{{ route('cancellations.approve.process', $cancellation) }}">
            @csrf
            <input type="hidden" name="decision" value="reject">
            <button class="px-6 py-2 bg-gray-700 text-white rounded">Reject</button>
        </form>
    </div>
</div>
@endsection