@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="{{ route('myapplication.list') }}" class="back-arrow">
                        <i class="fa fa-arrow-left"></i>
                    </a>
                    Plan Agreement Request #<b>{{ $plan->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>{{ $plan->customer->name }}</b></span></strong></p>
                        <p><strong>Customer Email:</strong> <b>{{ $plan->customer->email }}</b></p>
                    </div>

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

                    <!-- Third Column: Building Information -->
                    <div class="col-md-4">
                        <h5>Building Information</h5>
                        <hr>
                        <p><strong>Carta Number:</strong> <b>{{ $plan->carta_number }}</b></p>
                        <p><strong>Building Type:</strong> <b>{{ $plan->building_type }}</b></p>
                        <p><strong>Building Height:</strong><b> {{ $plan->building_height }}</b></p>
                        <p><strong>Building Service:</strong><b> {{ $plan->building_service }}</b></p>
                        <p><strong>Building Level:</strong> <b>{{ $plan->building_level }}</b></p>
                    </div>
                </div>

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