@extends('frontEnd.layout')

@section('content')
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
<link href="{{ URL::asset('assets/frontend/css/style_new.css') }}" rel="stylesheet"/>
  
<div class="container mt-5">
    <div class="row dictCode">
        <div class="col-lg-12 col-md-12 searchText">
        <div class="searchBar">
            <img src="{{url('uploads/images/search.png')}}">
            <input type="text" class="lionsearchBox" placeholder="Search by Name or District Code">
            <button>Search</button>
        </div>
        </div>
    </div>
</div>

<div class="container mt-4">
    <div class="row imgColors1">
    <div class="col-lg-8 teams">
           
        </div>
    <div class="col-lg-4 exportBtn">
        <button onclick="window.location.href='/indiadirectory';">India Directory</button>
        <button onclick="history.back();"> Previous Page</button>
        </div>
        <div class="col-lg-9 teams">
            <p>MD-{{ $district_id }} Council Persons And team members</p>
        </div>
        <div class="col-lg-3 exportBtn">
            <!-- <button>
                <img src="{{url('uploads/images/export.png')}}">
                Export
            </button> -->
        </div>
        @if (empty($councilCP))
            <div class="col-lg-12 mt-4">
                <p>No Council Chairpersons found for this year.</p>
            </div>
        @else
            @foreach ($councilCP as $councilCPs)
            <div class="col-lg-12 mt-4">
        <div class="col-lg-3 col-sm-12 profileImg imgColor">
                <img class ="profileImage" src="{{ url('uploads/members/'.$councilCPs['photo']) }}" alt="Profile Image" onerror="this.onerror=null; this.src='{{ asset('uploads/members/Portrait_Placeholder.png') }}'">
                <a href="{{url('member/'.$councilCPs['id'])}}"><h5 class="text-wrap">{{ $councilCPs['camelCaseName'] }}</h5></a>
                <p>Council Chairperson 2024-25</p>
                <span style="">MD-{{ $councilCPs['district'] }}</span>
                <a href="mailto:{{ $councilCPs['email_id'] }}">
                            <img src="{{ url('uploads/images/mail.png') }}" alt="Email" style="padding-right: 5px;">
                            {{ $councilCPs['email_id'] }}
                </a>
                <a href="#"><img src="{{ url('uploads/images/mobile.png') }}" style="padding-right: 5px;"> {{ $councilCPs['mobile_numbers'] }}</a>
        </div>
        @endforeach
        @endif
     
        <div class="col-lg-9 col-md-12 col-sm-12 accordionMenu">
            <div id="accordion" class="accordion">
                <div class="card mb-0">
                    <div class="card-header collapsed" data-toggle="collapse" href="#collapseOne" >
                        <a class="card-title">MD-{{ $district_id }} District Governors 2024-25</a>
                    </div>
                    <div id="collapseOne" class="card-body collapse" data-parent="#accordion">
                        <div class="row">
                        @if (empty($disctrictgov))
                        <div class="col-lg-12 mt-4">
                                    <p>No District Governors found for this year.</p>
                                </div>
                            @else
                                @foreach ($disctrictgov as $disctrictgovs)

                            <div class="col-lg-6 col-sm-12 govrnProfile">
                                <div class="row">
                                    <div class="col-lg-2 col-sm-2">
                                          <img class ="govprofileImage" src="{{ url('uploads/members/'.$disctrictgovs['photo']) }}" alt="Profile Image" onerror="this.onerror=null; this.src='{{ asset('uploads/members/Portrait_Placeholder.png') }}'">
                                    </div>
                                    <div class="col-lg-7 col-sm-7">
                                    <a href="{{url('member/'.$disctrictgovs['id'])}}"><h5 class="text-wrap">{{ $disctrictgovs['camelCaseName'] }}</h5></a>
                                        <p>District Governor</p>
                                        <h6>Year: 2024 -2025</h6>
                                        @if(!empty($disctrictgovs['email_id']))
                                            <a href="#"><img src="{{ url('uploads/images/mail.png') }}" style="padding-right: 5px;"> {{ $disctrictgovs['email_id'] }}</a>
                                        @endif

                                        @if(!empty($disctrictgovs['mobile_numbers']))
                                            <a href="#"><img src="{{ url('uploads/images/mobile.png') }}" style="padding-right: 5px;"> {{ $disctrictgovs['mobile_numbers'] }}</a>
                                        @endif
                                    </div>
                                    <div class="col-lg-3 col-sm-3">
                                        <h3><span>MD-{{ $disctrictgovs['district'] }}</span></h3>
                                    </div>
                                    @if(!empty($pastdistrictgovs['full_address']))
                                    <div class="col-lg-12 locImg">
                                        <img src="{{ url('uploads/images/location.png') }}" alt="Location Icon">
                                        <h2>{{ $pastdistrictgovs['full_address'] }}</h2>
                                    </div>
                                @endif
                                </div>
                            </div>
                            @endforeach
                            @endif
                        </div>
                    </div>
                    <div class="card-header collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                        <a class="card-title">MD-{{ $district_id }} First Vice District Governors 2024-25</a>
                    </div>
                    <div id="collapseTwo" class="card-body collapse" data-parent="#accordion" >
                        <div class="row">
                        @if (empty($firstdistrictgov))
                                <div class="col-lg-12 mt-4">
                                    <p>No First Vice District Governors found for this year.</p>
                                </div>
                            @else
                                @foreach ($firstdistrictgov as $firstdistrictgovs)
                                <div class="col-lg-6 col-sm-12 govrnProfile">
                                <div class="row">
                                    <div class="col-lg-2 col-sm-2">
                                          <img class ="govprofileImage" src="{{ url('uploads/members/'.$firstdistrictgovs['photo']) }}" alt="Profile Image" onerror="this.onerror=null; this.src='{{ asset('uploads/members/Portrait_Placeholder.png') }}'">
                                    </div>
                                    <div class="col-lg-7 col-sm-7">
                                    <a href="{{url('member/'.$firstdistrictgovs['id'])}}"><h5 class="text-wrap"> {{ $firstdistrictgovs['camelCaseName'] }}</h5></a>
                                        <p>First Vice District Governor</p>
                                        <h6>Year: 2024 -2025</h6>
                                        @if(!empty($firstdistrictgovs['email_id']))
                                            <a href="#"><img src="{{ url('uploads/images/mail.png') }}" style="padding-right: 5px;"> {{ $firstdistrictgovs['email_id'] }}</a>
                                        @endif

                                        @if(!empty($firstdistrictgovs['mobile_numbers']))
                                            <a href="#"><img src="{{ url('uploads/images/mobile.png') }}" style="padding-right: 5px;"> {{ $firstdistrictgovs['mobile_numbers'] }}</a>
                                        @endif
                                    </div>
                                    <div class="col-lg-3 col-sm-3">
                                        <h3> <span>MD-{{ $firstdistrictgovs['district'] }}</span></h3>
                                    </div>
                                    @if(!empty($pastdistrictgovs['full_address']))
                                    <div class="col-lg-12 locImg">
                                        <img src="{{ url('uploads/images/location.png') }}" alt="Location Icon">
                                        <h2>{{ $pastdistrictgovs['full_address'] }}</h2>
                                    </div>
                                @endif
                                </div>
                            </div>
                            @endforeach
                            @endif
                        </div>
                    </div>
                    <div class="card-header collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
                        <a class="card-title">MD-{{ $district_id }} Second Vice District Governors 2024-25</a>
                    </div>
                    <div id="collapseThree" class="card-body collapse" data-parent="#accordion" >
                        <div class="row">
                        @if (empty($seconddistrictgov))
                                <div class="col-lg-12 mt-4">
                                    <h5>No Second Vice District Governors found for this year.</h5>
                                </div>
                            @else
                                @foreach ($seconddistrictgov as $seconddistrictgovs)
                                <div class="col-lg-6 col-sm-12 govrnProfile">
                                <div class="row">
                                    <div class="col-lg-2 col-sm-2">
                                          <img class ="govprofileImage" src="{{ url('uploads/members/'.$seconddistrictgovs['photo']) }}" alt="Profile Image" onerror="this.onerror=null; this.src='{{ asset('uploads/members/Portrait_Placeholder.png') }}'">
                                    </div>
                                    <div class="col-lg-7 col-sm-7">
                                    <a href="{{url('member/'.$seconddistrictgovs['id'])}}"><h5 class="text-wrap">{{ $seconddistrictgovs['camelCaseName'] }}</h5></a>
                                        <p>Second Vice District Governor</p>
                                        <h6>Year: 2024 -2025</h6>
                                        @if(!empty($seconddistrictgovs['email_id']))
                                            <a href="#"><img src="{{ url('uploads/images/mail.png') }}" style="padding-right: 5px;"> {{ $seconddistrictgovs['email_id'] }}</a>
                                        @endif

                                        @if(!empty($seconddistrictgovs['mobile_numbers']))
                                            <a href="#"><img src="{{ url('uploads/images/mobile.png') }}" style="padding-right: 5px;"> {{ $seconddistrictgovs['mobile_numbers'] }}</a>
                                        @endif
                                    </div>
                                    <div class="col-lg-3 col-sm-3">
                                        <h3> <span>MD-{{ $seconddistrictgovs['district'] }}</span></h3>
                                    </div>
                                    @if(!empty($pastdistrictgovs['full_address']))
                                    <div class="col-lg-12 locImg">
                                        <img src="{{ url('uploads/images/location.png') }}" alt="Location Icon">
                                        <h2>{{ $pastdistrictgovs['full_address'] }}</h2>
                                    </div>
                                @endif
                                </div>
                            </div>
                            @endforeach
                            @endif
                        </div>
                    </div>
                    <div class="card-header collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour">
    <a class="card-title">MD-{{ $district_id }} Past District Governors</a>
</div>
<div id="collapseFour" class="card-body collapse" data-parent="#accordion">
    <div class="row">
        @if ($subDistricts->isEmpty())
            <div class="col-lg-12 mt-4">
                <h5>No Past District Governors found for this district.</h5>
            </div>
        @else
            @foreach ($subDistricts as $subDistrict)
                <div class="col-lg-4 col-md-6 mt-5">
                    <div class="selcetColors selc1">
                    <a href="{{ url('subdistrict/'.$subDistrict) }}">
                            <img src="{{ url('uploads/images/lion_dash.png') }}" alt="District Image">
                            <h4>{{ $subDistrict }}</h4>
                        </a>
                    </div>
                </div>
            @endforeach
        @endif
    </div>
</div>
                </div>
            </div>
        </div>
        </div>
       </div>
</div>
@endsection