@extends('layouts.admin')

@section('content')
<div class="card admin-card">
    <div class="card-body p-4">
        <div class="d-flex justify-content-between align-items-start flex-wrap gap-3 mb-4">
            <div>
                <div class="small text-uppercase text-muted mb-1">{{ $submission->submission_type === 'doa' ? 'DOA claim' : 'Contact submission' }}</div>
                <h1 class="h3 mb-2">{{ $submission->subject }}</h1>
                <p class="mb-1"><strong>{{ $submission->name }}</strong> ({{ $submission->email }})</p>
                @if($submission->phone)
                    <p class="mb-0 text-muted">{{ $submission->phone }}</p>
                @endif
            </div>
            <a href="{{ route('admin.contact-submissions.index') }}" class="btn admin-btn admin-btn-secondary"><i class="fa-solid fa-arrow-left"></i><span>Back</span></a>
        </div>

        @if($submission->submission_type === 'doa')
            <div class="row g-3 mb-4">
                <div class="col-md-3">
                    <div class="border rounded-4 p-3 h-100">
                        <div class="small text-muted mb-1">Order number</div>
                        <strong>{{ $submission->order_number ?: 'Not provided' }}</strong>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="border rounded-4 p-3 h-100">
                        <div class="small text-muted mb-1">Claim type</div>
                        <strong>{{ $submission->claim_type ? \Illuminate\Support\Str::headline(str_replace('_', ' ', $submission->claim_type)) : 'Not provided' }}</strong>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="border rounded-4 p-3 h-100">
                        <div class="small text-muted mb-1">Affected quantity</div>
                        <strong>{{ $submission->affected_quantity ?: 'Not provided' }}</strong>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="border rounded-4 p-3 h-100">
                        <div class="small text-muted mb-1">Delivered at</div>
                        <strong>{{ $submission->delivered_at ? $submission->delivered_at->timezone('Europe/London')->format('d/m/Y H:i') : 'Not provided' }}</strong>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="border rounded-4 p-3 h-100">
                        <div class="small text-muted mb-1">Delivery service</div>
                        <strong>{{ $submission->delivery_service ?: 'Not provided' }}</strong>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="border rounded-4 p-3 h-100">
                        <div class="small text-muted mb-1">Attachments</div>
                        @if(!empty($submission->attachment_paths))
                            <div class="d-grid gap-2">
                                @foreach($submission->attachment_paths as $path)
                                    <a href="{{ asset('storage/'.$path) }}" target="_blank" class="text-decoration-none">{{ basename($path) }}</a>
                                @endforeach
                            </div>
                        @else
                            <strong>No files uploaded</strong>
                        @endif
                    </div>
                </div>
            </div>
        @endif

        <div class="mb-4">
            <h2 class="h5">Message</h2>
            <div class="border rounded-4 p-3 bg-light-subtle">{{ $submission->message }}</div>
        </div>

        <form method="post" action="{{ route('admin.contact-submissions.update', $submission) }}" class="d-flex flex-wrap gap-3 align-items-end">
            @csrf
            @method('PUT')
            <div style="min-width: 220px;">
                <label class="form-label" for="status">Status</label>
                <select id="status" name="status" class="form-select">
                    <option value="new" @selected($submission->status === 'new')>New</option>
                    <option value="responded" @selected($submission->status === 'responded')>Responded</option>
                    <option value="closed" @selected($submission->status === 'closed')>Closed</option>
                </select>
            </div>
            <button class="btn admin-btn admin-btn-primary"><i class="fa-solid fa-arrows-rotate"></i><span>Update status</span></button>
        </form>
    </div>
</div>
@endsection