@extends('components.customer_layout')
<link href="{{ asset('assets/css/custom/a3form.css') }}" rel="stylesheet" type="text/css">
<style>
    .card-header {
        background-color: #f9f3c9;
        padding: 10px;
        border: 1px solid #f3e0a4;
        border-radius: 5px;
    }

    .close-btn {
        background-color: red;
        color: white;
        border: none;
        font-size: 20px;
        padding: 5px 10px;
        border-radius: 50%;
        cursor: pointer;
    }

    /* Increase modal width */
    .modal-dialog {
        max-width: 50%; /* Adjust the width as per your need */
    }

    /* Prevent closing the modal on backdrop click */
    .modal-backdrop {
        pointer-events: none;
    }
</style>

@section('customer-content')
<div class="container mt-4">
    <div class="card">
        <div class="card-header">
            <h4>Completed Design Request Details</h4>
        </div>
        <div class="card-body">
            <table class="table table-bordered">
                <tr>
                    <th>Application Number</th>
                    <td>{{ $request->application_number }}</td>
                </tr>
                <tr>
                    <th>City</th>
                    <td>{{ $request->city }}</td>
                </tr>
                <tr>
                    <th>Subcity</th>
                    <td>{{ $request->subcity }}</td>
                </tr>
                <tr>
                    <th>Level</th>
                    <td>{{ $request->level }}</td>
                </tr>
                <tr>
                    <th>Woreda</th>
                    <td>{{ $request->woreda }}</td>
                </tr>
                <tr>
                    <th>Status</th>
                    <td>{{ ucfirst($request->status) }}</td>
                </tr>
                <tr>
                    <th>Building Service</th>
                    <td>{{ $request->building_service }}</td>
                </tr>
                <tr>
                    <th>Map Number</th>
                    <td>{{ $request->map_number }}</td>
                </tr>
                <tr>
                    <th>Previous Permit Issued Date</th>
                    <td>{{ $request->previews_permit_isued_date }}</td>
                </tr>
                <tr>
                    <th>Created By</th>
                    <td>{{ $request->created_by }}</td>
                </tr>
            </table>

            <a href="{{ route('complateddesign-requests.index') }}" class="btn btn-secondary">Back to List</a>
            {{-- <a href="{{ route('complateddesign-requests.edit', $request->id) }}" class="btn btn-warning">Edit</a> --}}

            <form action="{{ route('complateddesign-requests.destroy', $request->id) }}" method="POST" style="display:inline;">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn-danger" onclick="return confirm('Are you sure you want to delete this request?')">Delete</button>
            </form>
        </div>
    </div>
</div>
@endsection