@extends('frontEnd.layout')

@section('content')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">

  <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script> -->
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css">
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.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-4 col-md-12">
            <div class="selRow">
                <img src="images/dropdown.png">
                <select name="level" id="level">
                    <option value="">2024 - 2025</option>
                    <option value="beginner">2023 - 2024</option>
                    <option value="intermediate">2022 - 2023</option>
                    <option value="advanced">2021 - 2022</option>
                    <option value="master">2020 - 2021</option>
                </select>
            </div>
        </div> -->
        <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">
            <p>{{ $position }}</p>
        </div>
        <div class="col-lg-4 exportBtn">
        @if($position == 'International Executive Officers')
             <button onclick="window.location.href='/directory';">Leadership Team</button>
        @else
             <button onclick="window.location.href='/indiadirectory';"> India Directory</button>
        @endif
        <button onclick="history.back();"> Previous Page</button>
        </div>
        <div class="col-lg-4 mt-5">
            <div class="famImages">
         
                <img class="memberphoto" src="{{ url('uploads/members/'.$member['photo']) }}" alt="Profile Image" onerror="this.onerror=null; this.src='{{ asset('uploads/images/profile.png') }}'" >
                <div class="famMembers">
                    <table>
                        <thead>
                          <tr>
                            <th colspan="2">Personal Details</th>
                          </tr>
                        </thead>
                        <tbody>
                        @if(!empty($member['category']))
                          <tr>
                            <td>Position:</td>
                            <td>{{ !empty($member['category']) ? $member['category'] : 'Not Provided' }}</td>
                          </tr>
                          @endif
                          @if(!empty($member['district']))
                          <tr>
                            <td>District:</td>
                            <td>{{ !empty($member['district']) ? $member['district'] : '' }}</td>
                          </tr>
                          @endif
                          @if(!empty($member['full_address']))
                          <tr>
                            <td>Address:</td>
                            <td>{{ !empty($member['full_address']) ? $member['full_address'] : 'Not Provided' }}</td>
                          </tr>
                          @endif
                          @if(!empty($member['spouse_name']))
                          <tr>
                            <td>Spouse:</td>
                            <td>{{ !empty($member['spouse_name']) ? $member['spouse_name'] : 'Not Provided' }}</td>
                          </tr>
                          @endif
                          @if(!empty($member['hc']))
                          <tr>
                            <td>Home Club:</td>
                            <td>{{ !empty($member['hc']) ? $member['hc'] : 'Not Provided' }}</td>
                          </tr>
                          @endif
                          @if(!empty($member['profession']))
                          <tr>
                            <td>Profession:</td>
                            <td>{{ !empty($member['profession']) ? $member['profession'] : 'Not Provided' }}</td>
                        </tr>
                        @endif
                        @if(!empty($member['email_id']))
                        <tr>
                            <td>E-mail:</td>
                            <td>{{ !empty($member['email_id']) ? $member['email_id'] : 'Not Provided' }}</td>
                        </tr>
                        @endif
                        @if(!empty($member['dob']))
                        <tr>
                            <td>Date of birth:</td>
                            <td>{{ !empty($member['dob']) ? $member['dob'] : 'Not Provided' }}</td>

                        </tr>
                        @endif
                        @if(!empty($member['wedding_date']))
                        <tr>
                            <td>Wedding Anniversary:</td>
                            <td>{{ $member['wedding_date']->format('d-m-Y') }}</td>
                        </tr>
                        @endif
                        @if(!empty($member['yoj']))
                        <tr>
                            <td>Year of joining:</td>
                            <td>{{ !empty($member['yoj']) ? $member['yoj'] : 'Not Provided' }}</td>
                        </tr>
                        @endif
                        @if(!empty($member['blood_group']))
                        <tr>
                            <td>Blood Group:</td>
                            <td>{{ !empty($member['blood_group']) ? $member['blood_group'] : 'Not Provided' }}</td>
                        </tr>
                        @endif
                        @if(!empty($member['spouse_blood_group']))
                        <tr>
                            <td>Spouse Blood Group:</td>
                            <td>{{ !empty($member['spouse_blood_group']) ? $member['spouse_blood_group'] : 'Not Provided' }}</td>
                        </tr>
                        @endif
                        @if(!empty($member['mobile_numbers']))
                        <tr>
                            <td>Mobile:</td>
                            <td>{{ !empty($member['mobile_numbers']) ? $member['mobile_numbers'] : 'Not Provided' }}</td>
                        </tr>
                        @endif
                        @if(!empty($member['slogan']))
                          <tr>
                            <td>Slogan:</td>
                            <td>{{ !empty($member['slogan']) ? $member['slogan'] : '' }}</td>
                          </tr>
                          @endif
                      </table>
                </div>
            </div>
        </div>
        <div class="col-lg-8 mt-5">
            <div class="membersPage">
                <h1>{{ $member['camelCaseName'] }}
                   <!-- <span>Membership:  </span> -->
                  </h1>
                <h2>{{ $position }}</h2>
                <p> {!! !empty($member['description']) ? $member['description'] : $empty !!}
                </p> 
                <hr>
            </div>
        </div>
    </div>
</div>




@endsection