@if (!isset($pia))
    <script>
        window.location.href = "{{ route('PiaListView') }}"; 
    </script>
    
@endif

@extends('Public_site.layouts.app')
@extends('Public_site.layouts.header')
@extends('Public_site.layouts.banner')

@section('titleh2','Program Implementation Agency')
@section('titleh3', 'Details of - ' . $pia->agency_name)
@section('content')
    <!--content part-->
    <div class="content-kud">
        @csrf      

        @if(isset($pia))
            <!--courser details-->
            <!--1-->
            <div class="details-content">
                <div class="row align-items-start">
                <div class="col-12">
                            <h3> {{ $pia->agency_name }}</h3>
                           <hr></hr>
                           
                        </div>
                        <div class="col-md-3 col-12">
                            <h3>Building Number</h3>
                            <h4 class="d-flex align-items-center">@if($pia->building_number)
                                {{ $pia->building_number }}
                                @else
                                NILL
                                @endif 
                            </h4>
                        </div>
                        <div class="col-md-3 col-6">
                            <h3>Landmark</h3>
                            <h4 class="d-flex align-items-center">@if($pia->building_number)
                                {{ $pia->building_number }}
                            @else
                        NILL
                        @endif </h4>
                        </div>
                       
                        
                        <div class="col-md-3 col-6">
                            <h3>District</h3>
                            <h4 class="d-flex align-items-center">{{ $pia->District->name }}</h4>
                        </div>
                        <div class="col-md-3 col-6">
                            <h3>Email</h3>
                            <h4 class="d-flex align-items-center email">{{ $pia->email }}</h4>
                        </div>
                        <div class="col-md-3 col-6">
                            <h3>Contact Number</h3>
                            <h4 class="d-flex align-items-center">@if($pia->phone_number)
                                {{$pia->phone_number }}
                                @else
                                NILL
                                @endif
                                                </h4>
                        </div>
                        <div class="col-md-3 col-6">
                            <h3>Post Office</h3>
                            <h4 class="d-flex align-items-center">@if($pia->postOffice)
                                {{ $pia->postOffice }}
                            @else
                        NILL
                        @endif</h4>
                        </div>
                        <div class="col-md-3 col-6">
                            <h3>Pincode</h3>
                            <h4 class="d-flex align-items-center">{{ $pia->pincode }}</h4>
                        </div>
                       
                        <div class="col-md-12 col-12">
    <h3>Sectors</h3>
    <h4 class="d-flex align-items-center">
        @if (isset($pia->Sectors))
            @foreach($pia->Sectors as $key => $sector)
                @if($key > 0)
                    ,{{ $sector->Sector->name }}
                @else
                    {{ $sector->Sector->name }}
                @endif
            @endforeach
        @endif 
    </h4>
</div>

                        
                   
                </div>
            </div>
            <!--1-->
        @else
            <div class="details-content">
                <div class="row align-items-start">
                    <div class="col-12">
                        <h3>No PIA details are available</h3>
                        <hr></hr>
                    </div>
                </div>
            </div>
        @endif
        <!--courser details-->
    </div>
    <!--content part-->
@endsection