@extends('components.customer_layout')
@section('customer-content')
    <link href="{{ asset('assets/css/custom/a3form.css') }}" rel="stylesheet" type="text/css">

    <div class="container">


        <div class="card">
            <div class="card-header">
                <h4><h1>Design Evaluation Request Details</h1>Plan agreement Application
                    Number {{ $design->plan->application_number }}</h4>
            </div>
            <div class="card-body">
                <div class="row">


                    <div class="form-group col-md-4">
                        <label><strong>Plan Agreement Request ID:</strong></label>
                        <p>{{ $design->plan_agreement_request_id }}</p>
                    </div>
                    <div class="form-group col-md-4">
                        <label><strong>City:</strong></label>
                        <p>{{ $design->city }}</p>
                    </div>

                    <div class="form-group col-md-4">
                        <label><strong>Subcity:</strong></label>
                        <p>{{ $design->subcity }}</p>
                    </div>

                    <div class="form-group col-md-4">
                        <label><strong>Woreda:</strong></label>
                        <p>{{ $design->woreda }}</p>
                    </div>

                    <div class="form-group col-md-4">
                        <label><strong>Above Ground Floors:</strong></label>
                        <p>{{ $design->above_ground_floor }}</p>
                    </div>

                    <div class="form-group col-md-4">
                        <label><strong>Underground Floors:</strong></label>
                        <p>{{ $design->under_ground_floors }}</p>
                    </div>

                    <div class="form-group col-md-4">
                        <label><strong>Total Floors:</strong></label>
                        <p>{{ $design->floor }}</p>
                    </div>

                    <div class="form-group col-md-4">
                        <label><strong>Above Ground Height:</strong></label>
                        <p>{{ $design->above_ground_height }}</p>
                    </div>

                    <div class="form-group col-md-4">
                        <label><strong>Underground Height:</strong></label>
                        <p>{{ $design->under_ground_height }}</p>
                    </div>

                    <div class="form-group col-md-4">
                        <label><strong>Consultant Name:</strong></label>
                        <p>{{ $design->consultant_name }}</p>
                    </div>

                    <div class="form-group col-md-4">
                        <label><strong>Consultant Grade:</strong></label>
                        <p>{{ $design->consultant_grade }}</p>
                    </div>

                    <div class="form-group col-md-4">
                        <label><strong>Consultant Phone:</strong></label>
                        <p>{{ $design->consultant_phone }}</p>
                    </div>

                    <div class="form-group col-md-4">
                        <label><strong>Consultant Address:</strong></label>
                        <p>{{ $design->consultant_address }}</p>
                    </div>
                    <div class="form-group col-md-4">
                        <label><strong>Created By:</strong></label>
                        <p>{{ $design->created_by }}</p>
                    </div>
                    <div class="form-group col-md-4">
{{--                        <button type="button" class="button-inner" data-bs-toggle="modal"--}}
{{--                                data-bs-target="#evaluatedModal">--}}
{{--                            <i class="fas fa-plus"></i> evaluated documented--}}
{{--                        </button>--}}
                    </div>


                </div>
                    @if($design->file)
                        <embed src="{{ asset('storage/' . $design->file) }}" width="100%" height="440px" alt="pdf"/>
                    @else
                        <p>No file uploaded</p>
                    @endif
            </div>

            <a href="{{ route('design-evaluation-requests.index') }}" class="btn btn-secondary">Back to List</a>
        </div>
    </div>
    </div>
    <div class="modal fade" id="evaluatedModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static"
         data-bs-keyboard="false">
        <div class="modal-dialog modal-dialog-centered" style="max-width: 900px;">
            <!-- Increased width -->
            <div class="modal-content">
                <div class="modal-header bg-info text-white">
                    <h5 class="modal-title"> Sanadoota Xiinxalaaf Dhiyaatan</h5>
                    <button type="button" class="btn-close btn-close-red" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                </div>

                <div class="modal-body">
                    @if(session('success'))
                        <div class="alert alert-success">{{ session('success') }}</div>
                    @endif

                    <form action="{{ route('design-evidence.store', ['design' => $design->id]) }}" method="POST">

                        @csrf
                        <div class="row">


                            <div class="form-group col-md-4"
                            ">
                            <label for="building_classification" class="form-label">Ramaddii gamoo</label>
                            <input type="text" name="building_classification" id="building_classification"
                                   value="{{ $design->plan->building_level ?? 'Not Available' }}" class="form-control"
                                   required readonly
                                   style="background-color: rgb(173, 167, 167); color: white; border: 1px solid #444;">
                        </div>
                        <div class="form-group col-md-4">
                            <label for="map_no" class="form-label">Lakk Kaartaa</label>
                            <input type="text" name="map_no" id="map_no"
                                   value="{{ $design->plan->carta_number ?? 'Not Available' }}"
                                   class="form-control" readonly
                                   style="background-color: rgb(173, 167, 167); color: white; border: 1px solid #444;">
                        </div>


                        <div class="form-group col-md-4"
                        ">
                        <label for="date_of_delivery" class="form-label">Guyyaa Kennamee</label>
                        <input type="date" name="date_of_delivery" id="date_of_delivery" value="{{ date('Y-m-d') }}"
                               class="form-control" readonly
                               style="background-color: rgb(173, 167, 167); color: white; border: 1px solid #444;">
                        >
                </div>

                <div class="form-group col-md-4"
                ">
                <label for="area" class="form-label">bal’ina qabiyyee</label>
                <input type="text" name="area" id="area" class="form-control"
                       value="{{ $design->plan->area ?? 'Not Available' }}"
                       style="background-color: rgb(173, 167, 167); color: white; border: 1px solid #444;">
                >
            </div>

            <div class="form-group col-md-4"
            ">
            <label for="service_payment_receipt_number" class="form-label">Nagaheee kafaltii tajaajilaa</label>
            <input type="text" name="service_payment_receipt_number" id="service_payment_receipt_number"
                   class="form-control">
        </div>

        <div class="form-group col-md-4"
        ">
        <label for="person_took_evidence" class="form-label">Maqaa nama ragaalee fuudhee </label>
        <input type="text" name="person_took_evidence" id="person_took_evidence" class="form-control">
    </div>
    </div>
    <table class="table table-bordered">
        <thead>
        <tr>
            <th>Lakk.</th>
            <th colspan="2">Ragaa/Dookimantii</th>
            <th colspan="2">Gosa Pilaanota Mirkanaa’an</th>
        </tr>
        <tr>
            <th></th>
            <th>Gosa</th>
            <th>Fuula/Jildi</th>
            <th>Gosa</th>
            <th>Fuula</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>1</td>
            <td>Waliigaltee Pilaanii</td>
            <td><input name="plan_agreement_page" class="form-control"></input></td>
            <td>Arkitekcharaala,</td>
            <td><input name="architectural_page" class="form-control"></input></td>
        </tr>
        <tr>
            <td>2</td>
            <td>Dirqama Gorsaa</td>
            <td><input name="advisor_duty_page" class="form-control"></input></td>
            <td>Istiraakcharaala</td>
            <td><input name="structural_page" class="form-control"></input></td>
        </tr>
        <tr>
            <td>3</td>
            <td>Qorannoo Dhiibbaa Naannoo(EIA)</td>
            <td><input name="environmental_impact_assessment_page" class="form-control"></input></td>
            <td>Elektiriikaal</td>
            <td><input name="electrical_page" class="form-control"></input></td>
        </tr>
        <tr>
            <td>4</td>
            <td>Gabaasa Dizaayinii Istraakchera</td>
            <td><input name="page_structure_design_report" class="form-control"></input></td>
            <td>Saaniiterii</td>
            <td><input name="sanitary_page" class="form-control"></input></td>
        </tr>
        <tr>
            <td>5</td>
            <td>Gabaasa Dizaayinii Elektrikaalaa</td>
            <td><input name="electrical_design_report" class="form-control"></input></td>
            <td>Mekaanikaalii</td>
            <td><input name="mechanical_page" class="form-control"></input></td>
        </tr>
        <tr>
            <td>6</td>
            <td>Gabaasa Dizaayinii Saanitaraa</td>
            <td><input name="sanitary_design_report" class="form-control"></input></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>7</td>
            <td>Gabaasa Dizaayinii Mekaanikaalaa</td>
            <td><input name="mechanical_design_report" class="form-control"></input></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>8</td>
            <td>Gabaasa Qorannoo Biyyee</td>
            <td><input name="soil_survey_report" class="form-control"></input></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>9</td>
            <td>Ispeesifikeeshinii fi BOQ</td>
            <td><input name="specifications_and_boq" class="form-control"></input></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>10</td>
            <td>Kan Biroo (yoo jiraate)</td>
            <td><input name="other_reports" class="form-control"></input></td>
            <td></td>
            <td></td>
        </tr>
        </tbody>
    </table>


    <button type="submit" class="btn btn-primary">Submit</button>
    </form>

    </div>
    </div>
    </div>
    </div>
@endsection