s@extends('layouts.app')

@section('content')
    <div class="container" style="max-width: 32rem;">
        <div class="text-center mb-4">
            <h2 class="fs-3 fw-bold text-dark">Review Prescription</h2>
            <p class="text-secondary">Please review the details before approving.</p>
        </div>

        <div class="card border rounded-3 shadow-sm mb-4">
            <div class="card-header bg-light border-bottom">
                <h3 class="fw-semibold mb-0">Rx Summary</h3>
            </div>
            <div class="card-body p-0">
                <div class="list-group list-group-flush">
                    <div class="list-group-item d-flex justify-content-between">
                        <span class="small text-secondary">Medication</span>
                        <span class="small fw-medium text-dark">{{ session('medication', 'Amoxicillin 500mg') }}</span>
                    </div>
                    <div class="list-group-item d-flex justify-content-between">
                        <span class="small text-secondary">Patient</span>
                        <span class="small fw-medium text-dark">{{ session('patient_name', 'Jane Doe') }}</span>
                    </div>
                    <div class="list-group-item d-flex justify-content-between">
                        <span class="small text-secondary">Pharmacy</span>
                        <span class="small fw-medium text-dark">{{ session('pharmacy', 'CVS Pharmacy') }}</span>
                    </div>
                    <div class="list-group-item d-flex justify-content-between">
                        <span class="small text-secondary">Total</span>
                        <span class="small fw-bold text-dark">$12.00</span>
                    </div>
                </div>
            </div>
        </div>

        <form action="{{ route('decision.process') }}" method="POST" class="vstack gap-3">
            @csrf

            <button type="submit" name="action" value="approve" class="btn btn-success btn-lg w-100 py-3 rounded-3 shadow d-flex align-items-center justify-content-center gap-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="24" height="24">
                    <path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 01.208 1.04l-9 13.5a.75.75 0 01-1.154.114l-6-6a.75.75 0 011.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 011.04-.208z" clip-rule="evenodd" />
                </svg>
                Approve & Send
            </button>

            <button type="submit" name="action" value="decline" class="btn btn-outline-danger btn-lg w-100 py-3 rounded-3 d-flex align-items-center justify-content-center gap-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="24" height="24">
                    <path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z" clip-rule="evenodd" />
                </svg>
                Decline Transaction
            </button>
        </form>
    </div>
@endsection