@extends('layouts.partner_layout')

@section('content')
<x-page-header title="{{ $pageTitle }}" :backButton="true" />

<div class="container my-4">
    <div class="card shadow border-0">
        <div class="card-body">
            {{-- Basic Details --}}
            <div class="row g-4 mb-4">
                <div class="col-md-6">
                    <strong>Training Centre Name:</strong>
                    <p class="mb-0">{{ $centre->centre_name ?? 'N/A' }}</p>
                </div>
                <div class="col-md-6">
                    <strong>Year Established:</strong>
                    <p class="mb-0">{{ $centre->establish_year ?? 'N/A' }}</p>
                </div>
                <div class="col-md-6">
                    <strong>Director/Head Name:</strong>
                    <p class="mb-0">{{ $centre->director_name ?? 'N/A' }}</p>
                </div>
                <div class="col-md-6">
                    <strong>Official Email:</strong>
                    <p class="mb-0">
                        @if($centre->official_email)
                        <a href="mailto:{{ $centre->official_email }}" class="text-decoration-none">
                            {{ $centre->official_email }}
                        </a>
                        @else
                        N/A
                        @endif
                    </p>
                </div>
                <div class="col-md-6">
                    <strong>Mobile Number:</strong>
                    <p class="mb-0">{{ $centre->primary_phone ?? 'N/A' }}</p>
                </div>
                <div class="col-md-6">
                    <strong>Alternate Phone Number:</strong>
                    <p class="mb-0">{{ $centre->alternate_phone ?? 'N/A' }}</p>
                </div>
                <div class="col-md-6">
                    <strong>Website:</strong>
                    <p class="mb-0">
                        @if($centre->website)
                        <a href="{{ $centre->website }}" target="_blank" rel="noopener" class="text-decoration-none">
                            {{ $centre->website }}
                        </a>
                        @else
                        N/A
                        @endif
                    </p>
                </div>
            </div>

            <hr>

            {{-- Address Information --}}
            <h5 class="mb-4"><i class="fa fa-map-marker-alt me-2 text-danger"></i>Address Information</h5>
            <div class="row g-4">
                <div class="col-md-6">
                    <strong>Complete Address:</strong>
                    <p class="mb-0">{{ $centreAddressDetails->address ?? 'N/A' }}</p>
                </div>
                <div class="col-md-6">
                    <strong>State:</strong>
                    <p class="mb-0">{{ $centreAddressDetails->stateMapped->state_name_en ?? 'N/A' }}</p>
                </div>
                <div class="col-md-6">
                    <strong>District:</strong>
                    <p class="mb-0">{{ $centreAddressDetails->districtMapped->district_name_en ?? 'N/A' }}</p>
                </div>
                <div class="col-md-6">
                    <strong>City:</strong>
                    <p class="mb-0">{{ $centreAddressDetails->city ?? 'N/A' }}</p>
                </div>
                <div class="col-md-6">
                    <strong>PIN Code:</strong>
                    <p class="mb-0">{{ $centreAddressDetails->pincode ?? 'N/A' }}</p>
                </div>
                <div class="col-md-6">
                    <strong>Landmark:</strong>
                    <p class="mb-0">{{ $centreAddressDetails->landmark ?? 'N/A' }}</p>
                </div>
                <div class="col-md-6">
                    <strong>Longitude:</strong>
                    <p class="mb-0">{{ $centreAddressDetails->longitude ?? 'N/A' }}</p>
                </div>
                <div class="col-md-6">
                    <strong>Latitude:</strong>
                    <p class="mb-0">{{ $centreAddressDetails->latitude ?? 'N/A' }}</p>
                </div>
            </div>

           

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