@extends('components.customer_layout')
@section('customer-content')
    <link href="{{ asset('assets/css/custom/a3form.css') }}" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    {{-- <div>
        <a href="{{ route('service-coordinates.create', ['plan' => $plan->id]) }}" class="btn btn-secondary">Add Site Info</a>
    </div> --}}
    <div class="container mt-8">


        <div class="card">
            <div class="card-header">
                <h4>
                    <a href="{{ url('customer/my/afoosha/applications/') }}" class="back-arrow">
                        <i class="fa fa-arrow-left"></i>
                    </a>
                    Afoosha Request #<b>{{ $application->application_number }}</b>
                </h4>
            </div>
            <div class="card-body">
                <div class="row">
                    <!-- First Column: Customer Information -->
                    <div class="col-md-4">
                        <h5>Customer Information</h5>
                        <hr>
                        <p><strong>Customer Name: <span><b>{{ $application->customer->name }}</b></span></strong></p>
                        <p><strong>Customer Email:</strong> <b>{{ $application->customer->email }}</b></p>
                    </div>

                    <!-- Second Column: Address Information -->
                    <div class="col-md-4">
                        <h5>Address Information</h5>
                        <hr>
                        <p><strong>Subcity:</strong> <b>{{ $application->subcity->name }}</b></p>
                        <p><strong>Woreda:</strong> <b>{{ $application->woreda->name }}</b></p>
                        <p><strong>City:</strong> <b>{{ $application->city }}</b></p>
                    </div>

                    <!-- Third Column: Building Information -->
                    <div class="col-md-4">
                        <h5>Affosha Info</h5>
                        <hr>
                        <p><strong>afoosha_description:</strong> <b>{{ $application->afoosha_description }}</b></p>
                        <p><strong>Agenda description:</strong> <b>{{ $application->agenda_description }}</b></p>
                
                    </div>
                </div>

                <!-- File Upload Section -->
                @if($application->file_type)
                    <h5>Uploaded File</h5>
                    <p>
                        <a href="{{ asset('storage/' . $application->file_type) }}" target="_blank" download="{{ basename($application->file) }}">Download File</a></p>
                    <embed src="{{ asset('storage/' . $application->file_type) }}" width="100%" height="440px" alt="pdf" />
                @else
                    <p>No file uploaded for this Afoosha agreement.</p>
                @endif
                <br>
            </div>
        </div>
    </div>
@endsection