@extends('layouts.backend.app')
@section('title','Biodata - ')
@push('css')
    <!-- JQuery DataTable Css -->
    <link href="{{asset('assets/backend/plugins/jquery-datatable/skin/bootstrap/css/dataTables.bootstrap.css')}}" rel="stylesheet">
    <link href=" https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">

@endpush
@section('content')
    <div class="container-fluid">
        <div class="row clearfix">
            <div class="col-xs-12 col-sm-3">
                <div class="card profile-card">
                    <div class="profile-header">&nbsp;</div>
                    <div class="profile-body">
                        <div class="image-area">
                            @if($biodata->candidate_cover_image == "default.jpg")
                                <img style="width: 95%; height: 230px; border-radius: 0px;" src="{{ asset('assets/frontend/images/avatar.png')}}" alt="AdminBSB - Profile Image" />
                            @else
                                <img style="width: 95%; height: 230px; border-radius: 0px;" src="{{ asset('storage/cover_image/'.$biodata->candidate_cover_image)}}" alt="AdminBSB - Profile Image" />
                            @endif
                        </div>
                        <div class="content-area">
                            <h3>{{$biodata->candidate_name}}</h3>
                            <p>Reg. No: {{$biodata->code}}</p>
                            <p>I am a {{$biodata->profile_creating_as}}</p>
                            <p>Looking for
                                @if($biodata->profile_creating_as == "Groom")
                                    a Bride
                                @elseif($biodata->profile_creating_as == "Bride")
                                    a Groom
                                @endif
                            </p>
                        </div>
                    </div>
                    <div class="profile-footer">
                        <a style="margin-top: 5px; margin-bottom: 5px;" class="btn btn-info waves-effect btn-block" href="{{route('member.biodata.edit', $biodata->id)}}">
                            Edit Biodata </a>
                    </div>
                </div>

                <div class="card card-about-me">
                    <div class="header">
                        <h2>ABOUT ME</h2>
                    </div>
                    <div class="body">
                        <ul>
                            <li>
                                <div class="title">
                                    <i class="material-icons">library_books</i>
                                    Education
                                </div>
                                @if(!empty($biodata->candidate_education_digree_01))
                                    <div class="content">
                                        Digree: {{$biodata->candidate_education_digree_01}} <br/>
                                        Year: {{$biodata->candidate_education_year_01}} <br/>
                                        Subject: {{$biodata->candidate_education_subject_01}} <br/>
                                        Institution: {{$biodata->candidate_education_institution_01}}
                                    </div>
                                @endif
                                @if(!empty($biodata->candidate_education_digree_02))
                                    <div class="content">
                                        Digree: {{$biodata->candidate_education_digree_02}} <br/>
                                        Year: {{$biodata->candidate_education_year_02}} <br/>
                                        Subject: {{$biodata->candidate_education_subject_02}} <br/>
                                        Institution: {{$biodata->candidate_education_institution_02}}
                                    </div>
                                @endif
                            </li>
                            <li>
                                <div class="title">
                                    <i class="material-icons">location_on</i>
                                    Location
                                </div>
                                @if(!empty($biodata->present_address_district))
                                    <div class="content">
                                        {{$biodata->present_address_thana}}, {{$biodata->present_address_district}}
                                    </div>
                                @endif
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-9">
                <div class="card">
                    <div class="body">
                        <div>
                            <ul class="nav nav-tabs" role="tablist">
                                <li role="presentation" class="active"><a href="#personal" aria-controls="home" role="tab" data-toggle="tab">Personal Info</a></li>
                                <li role="presentation"><a href="#qualification" aria-controls="qualification" role="tab" data-toggle="tab">Qualification</a></li>
                                <li role="presentation"><a href="#spouse_requirement" aria-controls="spouse requirement" role="tab" data-toggle="tab">Spouse Requirement</a></li>
                                <li role="presentation"><a href="#contact" aria-controls="contact" role="tab" data-toggle="tab">Contact Details</a></li>
                                <li role="presentation"><a href="#image" aria-controls="contact" role="tab" data-toggle="tab">Images</a></li>
                            </ul>
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane fade in active" id="personal">
                                    <div class="panel panel-default panel-post">
                                        <div class="panel-heading">

                                            <div class="table-responsive">
                                                <table class="table table-bordered table-striped table-hover dataTable js-exportable">
                                                    <thead>
                                                    <tr>
                                                        <th>PERSONAL INFO</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    @if(!empty($biodata->candidate_name))
                                                        <tr>
                                                            <td>Candidate Name</td>
                                                            <td>{{$biodata->candidate_name}}</td>
                                                        </tr>
                                                    @endif
                                                    <tr>
                                                        <td>Age</td>
                                                        <td>{{\Carbon\Carbon::parse($biodata->candidate_date_of_birth)->diff(\Carbon\Carbon::now())->format('%y years, %m months and %d days')}}</td>
                                                    </tr>
                                                    @if(!empty($biodata->candidate_nationality))
                                                        <tr>
                                                            <td>Nationality</td>
                                                            <td>{{$biodata->candidate_nationality}}</td>
                                                        </tr>
                                                    @endif
                                                    @if(!empty($biodata->candidate_citizenship))
                                                        <tr>
                                                            <td>Citizenship</td>
                                                            <td>{{$biodata->candidate_citizenship}}</td>
                                                        </tr>
                                                    @endif
                                                    @if(!empty($biodata->candidate_height))
                                                        <tr>
                                                            <td>Height</td>
                                                            <td>{{$biodata->candidate_height}}</td>
                                                        </tr>
                                                    @endif
                                                    @if(!empty($biodata->candidate_body_color))
                                                        <tr>
                                                            <td>Complexion</td>
                                                            <td>{{$biodata->candidate_body_color}}</td>
                                                        </tr>
                                                    @endif
                                                    @if(!empty($biodata->candidate_blood_group))
                                                        <tr>
                                                            <td>Blood Group</td>
                                                            <td>{{$biodata->candidate_blood_group}}</td>
                                                        </tr>
                                                    @endif
                                                    @if(!empty($biodata->candidate_religion))
                                                        <tr>
                                                            <td>Religion</td>
                                                            <td>{{$biodata->candidate_religion}}</td>
                                                        </tr>
                                                    @endif
                                                    @if(!empty($biodata->candidate_national_id))
                                                        <tr>
                                                            <td>National ID</td>
                                                            <td>{{$biodata->candidate_national_id}}</td>
                                                        </tr>
                                                    @endif
                                                    @if(!empty($biodata->candidate_marital_status))
                                                        <tr>
                                                            <td>Marital Status</td>
                                                            <td>{{$biodata->candidate_marital_status}}</td>
                                                        </tr>
                                                    @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                        <div class="panel-heading">

                                            <div class="table-responsive">
                                                <table class="table table-bordered table-striped table-hover dataTable js-exportable">
                                                    <thead>
                                                    <tr>
                                                        <th>FAMILY INFO</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tr>
                                                        <td>Father Name</td>
                                                        <td>{{$biodata->candidate_father_name}}</td>
                                                    </tr>
                                                    @if(!empty($biodata->candidate_father_education))
                                                        <tr>
                                                            <td>Father Education</td>
                                                            <td>{{$biodata->candidate_father_education}}</td>
                                                        </tr>
                                                    @endif
                                                    @if(!empty($biodata->candidate_father_occupation))
                                                        <tr>
                                                            <td>Father Occupation</td>
                                                            <td>{{$biodata->candidate_father_occupation}}</td>
                                                        </tr>
                                                    @endif
                                                    <tr>
                                                        <td>Mother Name</td>
                                                        <td>{{$biodata->candidate_mother_name}}</td>
                                                    </tr>
                                                    @if(!empty($biodata->candidate_mother_education))
                                                        <tr>
                                                            <td>Mother Education</td>
                                                            <td>{{$biodata->candidate_mother_education}}</td>
                                                        </tr>
                                                    @endif
                                                    @if(!empty($biodata->candidate_mother_occupation))
                                                        <tr>
                                                            <td>Mother Occupation</td>
                                                            <td>{{$biodata->candidate_mother_occupation}}</td>
                                                        </tr>
                                                    @endif
                                                    <tr>
                                                        <td>Number of Brothers</td>
                                                        <td>{{$biodata->candidate_number_of_brothers}}</td>
                                                    </tr>
                                                    <tr>
                                                        <td>Number of Sisters</td>
                                                        <td>{{$biodata->candidate_number_of_sisters}}</td>
                                                    </tr>

                                                    @if(!empty($biodata->whom_information_1))
                                                        <tr>
                                                            <td><strong>Whom Information </strong></td>
                                                            <td><strong>Education</strong></td>
                                                            <td><strong>Occupation</strong></td>
                                                            <td><strong>Marital Status</strong></td>
                                                        </tr>
                                                        <tr>
                                                            <td>{{$biodata->whom_information_1}}</td>
                                                            <td>{{$biodata->whom_information_education_1}}</td>
                                                            <td>{{$biodata->whom_information_occupation_1}}</td>
                                                            <td>{{$biodata->whom_information_marital_status_1}}</td>
                                                        </tr>
                                                    @endif
                                                    @if(!empty($biodata->whom_information_2))
                                                        <tr>
                                                            <td>{{$biodata->whom_information_2}}</td>
                                                            <td>{{$biodata->whom_information_education_2}}</td>
                                                            <td>{{$biodata->whom_information_occupation_2}}</td>
                                                            <td>{{$biodata->whom_information_marital_status_2}}</td>
                                                        </tr>
                                                    @endif
                                                    @if(!empty($biodata->whom_information_3))
                                                        <tr>
                                                            <td>{{$biodata->whom_information_3}}</td>
                                                            <td>{{$biodata->whom_information_education_3}}</td>
                                                            <td>{{$biodata->whom_information_occupation_3}}</td>
                                                            <td>{{$biodata->whom_information_marital_status_3}}</td>
                                                        </tr>
                                                    @endif
                                                    @if(!empty($biodata->whom_information_4))
                                                        <tr>
                                                            <td>{{$biodata->whom_information_4}}</td>
                                                            <td>{{$biodata->whom_information_education_4}}</td>
                                                            <td>{{$biodata->whom_information_occupation_4}}</td>
                                                            <td>{{$biodata->whom_information_marital_status_4}}</td>
                                                        </tr>
                                                    @endif
                                                    @if(!empty($biodata->whom_information_5))
                                                        <tr>
                                                            <td>{{$biodata->whom_information_5}}</td>
                                                            <td>{{$biodata->whom_information_education_5}}</td>
                                                            <td>{{$biodata->whom_information_occupation_5}}</td>
                                                            <td>{{$biodata->whom_information_marital_status_5}}</td>
                                                        </tr>
                                                    @endif
                                                    @if(!empty($biodata->whom_information_6))
                                                        <tr>
                                                            <td>{{$biodata->whom_information_6}}</td>
                                                            <td>{{$biodata->whom_information_education_6}}</td>
                                                            <td>{{$biodata->whom_information_occupation_6}}</td>
                                                            <td>{{$biodata->whom_information_marital_status_6}}</td>
                                                        </tr>
                                                    @endif
                                                    @if(!empty($biodata->whom_information_7))
                                                        <tr>
                                                            <td>{{$biodata->whom_information_7}}</td>
                                                            <td>{{$biodata->whom_information_education_7}}</td>
                                                            <td>{{$biodata->whom_information_occupation_7}}</td>
                                                            <td>{{$biodata->whom_information_marital_status_7}}</td>
                                                        </tr>
                                                    @endif
                                                    @if(!empty($biodata->whom_information_8))
                                                        <tr>
                                                            <td>{{$biodata->whom_information_8}}</td>
                                                            <td>{{$biodata->whom_information_education_8}}</td>
                                                            <td>{{$biodata->whom_information_occupation_8}}</td>
                                                            <td>{{$biodata->whom_information_marital_status_8}}</td>
                                                        </tr>
                                                    @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                        @if($biodata->candidate_marital_status != "Unmarried")
                                            <div class="panel-heading">
                                                <div class="table-responsive">
                                                    <table class="table table-bordered table-striped table-hover dataTable js-exportable">
                                                        <thead>
                                                        <tr>
                                                            <th>MARITAL CONDITIONS</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        @if(!empty($biodata->candidate_wife_permission))
                                                            <tr>
                                                                <td>Wife Permission</td>
                                                                <td>{{$biodata->candidate_wife_permission}}</td>
                                                            </tr>
                                                        @endif
                                                        @if(!empty($biodata->candidate_marriage_years))
                                                            <tr>
                                                                <td>Marriage Years</td>
                                                                <td>{{$biodata->candidate_marriage_years}}</td>
                                                            </tr>
                                                        @endif
                                                        @if(!empty($biodata->same_place_with_previous_wife))
                                                            <tr>
                                                                <td>Same place with previous wife</td>
                                                                <td>{{$biodata->same_place_with_previous_wife}}</td>
                                                            </tr>
                                                        @endif
                                                        @if(!empty($biodata->spouse_death_reason))
                                                            <tr>
                                                                <td>Spouse death Reason</td>
                                                                <td>{{$biodata->spouse_death_reason}}</td>
                                                            </tr>
                                                        @endif
                                                        @if(!empty($biodata->reason_of_divorce))
                                                            <tr>
                                                                <td>Reason of divorce</td>
                                                                <td>
                                                                    @if($biodata->reason_of_divorce == "Others")
                                                                        {{$biodata->reason_of_divorce_in_details}}
                                                                    @else
                                                                        {{$biodata->reason_of_divorce}}
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                        @endif
                                                        @if(!empty($biodata->have_child_from_previous))
                                                            <tr>
                                                                <td>Previous Child</td>
                                                                <td>{{$biodata->have_child_from_previous}}</td>
                                                            </tr>
                                                        @endif
                                                        @if(!empty($biodata->number_of_child_from_previous))
                                                            <tr>
                                                                <td>Number of Child</td>
                                                                <td>{{$biodata->number_of_child_from_previous}}</td>
                                                            </tr>
                                                        @endif
                                                        @if(!empty($biodata->own_child_from_previous))
                                                            <tr>
                                                                <td>Own previous child</td>
                                                                <td>{{$biodata->own_child_from_previous}}</td>
                                                            </tr>
                                                        @endif
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane fade in" id="qualification">
                                    <div class="panel-heading">
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-striped table-hover dataTable js-exportable">
                                                <thead>
                                                <tr>
                                                    <th>CANDIDATE OCCUPATION</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @if(!empty($biodata->candidate_occupation_type))
                                                    <tr>
                                                        <td>Type</td>
                                                        <td>{{$biodata->candidate_occupation_type}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->candidate_occupation_institution_name))
                                                    <tr>
                                                        <td>Institution</td>
                                                        <td>{{$biodata->candidate_occupation_institution_name}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->candidate_occupation_institution_post_position))
                                                    <tr>
                                                        <td>Post & Position</td>
                                                        <td>{{$biodata->candidate_occupation_institution_post_position}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->candidate_occupation_institution_address))
                                                    <tr>
                                                        <td>Office Address</td>
                                                        <td>{{$biodata->candidate_occupation_institution_address}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->candidate_occupation_details))
                                                    <tr>
                                                        <td>Details</td>
                                                        <td>{{$biodata->candidate_occupation_details}}</td>
                                                    </tr>
                                                @endif

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="panel-heading">
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-striped table-hover dataTable js-exportable">
                                                <thead>
                                                <tr>
                                                    <th>HEIGHEST EDUCATIONAL QUALIFICATION</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @if($biodata->candidate_education_digree_01 != "null")
                                                    <tr>
                                                        <td>DIGREE</td>
                                                        <td>{{$biodata->candidate_education_digree_01}}</td>
                                                    </tr>
                                                @endif
                                                @if($biodata->candidate_education_year_01 != "null")
                                                    <tr>
                                                        <td>YEAR</td>
                                                        <td>{{$biodata->candidate_education_year_01}}</td>
                                                    </tr>
                                                @endif
                                                @if($biodata->candidate_education_institution_01 != "null")
                                                    <tr>
                                                        <td>INSTITUTION/BOARD</td>
                                                        <td>{{$biodata->candidate_education_institution_01}}</td>
                                                    </tr>
                                                @endif
                                                @if($biodata->candidate_education_subject_01 != "null")
                                                    <tr>
                                                        <td>SUBJECT</td>
                                                        <td>{{$biodata->candidate_education_subject_01}}</td>
                                                    </tr>
                                                @endif



                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="panel-heading">
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-striped table-hover dataTable js-exportable">
                                                <thead>
                                                <tr>
                                                    <th>SECOND HEIGHEST EDUCATIONAL QUALIFICATION</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @if($biodata->candidate_education_digree_02 != "null")
                                                    <tr>
                                                        <td>DIGREE</td>
                                                        <td>{{$biodata->candidate_education_digree_02}}</td>
                                                    </tr>
                                                @endif
                                                @if($biodata->candidate_education_year_02 != "null")
                                                    <tr>
                                                        <td>YEAR</td>
                                                        <td>{{$biodata->candidate_education_year_02}}</td>
                                                    </tr>
                                                @endif
                                                @if($biodata->candidate_education_institution_02 != "null")
                                                    <tr>
                                                        <td>INSTITUTION/BOARD</td>
                                                        <td>{{$biodata->candidate_education_institution_02}}</td>
                                                    </tr>
                                                @endif
                                                @if($biodata->candidate_education_subject_02 != "null")
                                                    <tr>
                                                        <td>SUBJECT</td>
                                                        <td>{{$biodata->candidate_education_subject_02}}</td>
                                                    </tr>
                                                @endif

                                                @if($biodata->candidate_training_medal != "null")
                                                    <tr>
                                                        <td>Other Trainings and Medals</td>
                                                        <td>{{$biodata->candidate_training_medal}}</td>

                                                    </tr>
                                                @endif

                                                </tbody>
                                            </table>



                                        </div>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane fade in" id="spouse_requirement">
                                    <div class="panel-heading">
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-striped table-hover dataTable js-exportable">
                                                <thead>
                                                <tr>
                                                    <th>TYPE OF SPOUSE I WANT</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @if(!empty($biodata->spouse_division))
                                                    <tr>
                                                        <td>Division</td>
                                                        <td>{{$biodata->spouse_division}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->spouse_district))
                                                    <tr>
                                                        <td>District</td>
                                                        <td>{{$biodata->spouse_district}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->spouse_thana))
                                                    <tr>
                                                        <td>Thana</td>
                                                        <td>{{$biodata->spouse_thana}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->spouse_choice_districts))
                                                    <tr>
                                                        <td>Other Choiceable Districts</td>
                                                        <td>{{$biodata->spouse_choice_districts}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->spouse_minimum_age))
                                                    <tr>
                                                        <td>Minimum Age</td>
                                                        <td>{{$biodata->spouse_minimum_age}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->spouse_maximum_age))
                                                    <tr>
                                                        <td>Maximum Age</td>
                                                        <td>{{$biodata->spouse_maximum_age}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->spouse_education))
                                                    <tr>
                                                        <td>Minimum Education</td>
                                                        <td>{{$biodata->spouse_education}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->spouse_religion))
                                                    <tr>
                                                        <td>Religion</td>
                                                        <td>{{$biodata->spouse_religion}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->spouse_height))
                                                    <tr>
                                                        <td>Minimum Height</td>
                                                        <td>{{$biodata->spouse_height}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->spouse_body_color))
                                                    <tr>
                                                        <td>Complexion</td>
                                                        <td>{{$biodata->spouse_body_color}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->spouse_marital_status))
                                                    <tr>
                                                        <td>Marital Status</td>
                                                        <td>{{$biodata->spouse_marital_status}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->spouse_occupation))
                                                    <tr>
                                                        <td>Occupation</td>
                                                        <td>{{$biodata->spouse_occupation}}</td>
                                                    </tr>
                                                @endif
                                                </tbody>

                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane fade in" id="contact">
                                    <div class="panel-heading">
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-striped table-hover dataTable js-exportable">
                                                <thead>
                                                <tr>
                                                    <th>CONTACT DETAILS OF CANDIDATE</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @if(!empty($biodata->candidate_mobile_number))
                                                    <tr>
                                                        <td>Mobile Number</td>
                                                        <td>{{$biodata->candidate_mobile_number}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->candidate_email_address))
                                                    <tr>
                                                        <td>Email Address</td>
                                                        <td>{{$biodata->candidate_email_address}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->guardian_mobile_number))
                                                    <tr>
                                                        <td>Guardian Number</td>
                                                        <td>{{$biodata->guardian_mobile_number}}</td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->present_address_district))
                                                    <tr>
                                                        <td>Present Address</td>
                                                        <td>{{$biodata->present_address_details}}, {{$biodata->present_address_thana}},
                                                            {{$biodata->present_address_district}}
                                                        </td>
                                                    </tr>
                                                @endif
                                                @if(!empty($biodata->permanent_address_district))
                                                    <tr>
                                                        <td>Permanent Address</td>
                                                        <td>{{$biodata->permanent_address_details}}, {{$biodata->permanent_address_thana}},
                                                            {{$biodata->permanent_address_district}}
                                                        </td>
                                                    </tr>
                                                @endif
                                                <tr>
                                                    <td>Social Media</td>

                                                    <td>
                                                        @if(!empty($biodata->candidate_facebook_address))
                                                            <a target="_blank" href="{{$biodata->candidate_facebook_address}}"><i class="fa-brands fa-facebook fa-2x"></i></a>
                                                        @endif
                                                        @if(!empty($biodata->candidate_twitter_address))
                                                            <a target="_blank" href="{{$biodata->candidate_twitter_address}}">
                                                                <i class="fa-brands fa-twitter fa-2x"></i>
                                                            </a>
                                                        @endif
                                                    </td>
                                                </tr>

                                                </tbody>

                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane fade in" id="image">
                                    <table class="table table-bordered table-striped table-hover dataTable js-exportable">
                                        <thead>
                                        <tr>
                                            <th>GALLERY IMAGES</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>
                                                @if($biodata->candidate_gallery_image_01 != "default.jpg")
                                                    <img style="width:100%; min-height:300px;" src="{{asset('storage/gallery_image_01/'.$biodata->candidate_gallery_image_01)}}" alt="Gallery image" />
                                                @else
                                                    No gallery image
                                                @endif
                                            </td>

                                        </tr>
                                        <tr>
                                            <td>
                                                @if($biodata->candidate_gallery_image_01 != "default.jpg")
                                                    <img style="width:100%; min-height:300px;" src="{{asset('storage/gallery_image_02/'.$biodata->candidate_gallery_image_02)}}" alt="Gallery image" />
                                                @else
                                                    No gallery image
                                                @endif
                                            </td>
                                        </tr>
                                        </tbody>

                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
@push('js')
    <!-- Jquery DataTable Plugin Js -->
    <script src="{{asset('assets/backend/plugins/jquery-datatable/jquery.dataTables.js')}}"></script>
    <script src="{{asset('assets/backend/plugins/jquery-datatable/skin/bootstrap/js/dataTables.bootstrap.js')}}"></script>
    <script src="{{asset('assets/backend/plugins/jquery-datatable/extensions/export/dataTables.buttons.min.js')}}"></script>
    <script src="{{asset('assets/backend/plugins/jquery-datatable/extensions/export/buttons.flash.min.js')}}"></script>
    <script src="{{asset('assets/backend/plugins/jquery-datatable/extensions/export/jszip.min.js')}}"></script>
    <script src="{{asset('assets/backend/plugins/jquery-datatable/extensions/export/pdfmake.min.js')}}"></script>
    <script src="{{asset('assets/backend/plugins/jquery-datatable/extensions/export/vfs_fonts.js')}}"></script>
    <script src="{{asset('assets/backend/plugins/jquery-datatable/extensions/export/buttons.html5.min.js')}}"></script>
    <script src="{{asset('assets/backend/plugins/jquery-datatable/extensions/export/buttons.print.min.js')}}"></script>
    <!-- Custom Js -->
    <script src="{{asset('assets/backend/js/admin.js')}}"></script>
    <script src="{{asset('assets/backend/js/pages/tables/jquery-datatable.js')}}"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9.10.12/dist/sweetalert2.all.min.js"></script>

    <!-- DELETE TAG CONFIRMATION CODE START  -->
    <script type="text/javascript">

        // APPROVE POST ALERT
        function approvePost(id) {
            const swalWithBootstrapButtons = Swal.mixin({
                customClass: {
                    confirmButton: 'btn btn-success',
                    cancelButton: 'btn btn-danger'
                },
                buttonsStyling: false
            })

            swalWithBootstrapButtons.fire({
                title: 'Are you sure?',
                text: "You want to approve this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Yes, Approve it!',
                cancelButtonText: 'No, cancel!',
                reverseButtons: true
            }).then((result) => {
                if (result.value) {
                    swalWithBootstrapButtons.fire(
                        'Approved!',
                        'Your biodata has been approved.',
                        'success',
                        document.getElementById('approval-form').submit()
                    )
                } else if (
                    /* Read more about handling dismissals below */
                    result.dismiss === Swal.DismissReason.cancel
                ) {
                    swalWithBootstrapButtons.fire(
                        'Cancelled',
                        'The biodata remains pending :)',
                        'info'
                    )
                }
            })

        }



        // SHOW BIODATA
        function visiblePost(id) {
            const swalWithBootstrapButtons = Swal.mixin({
                customClass: {
                    confirmButton: 'btn btn-success',
                    cancelButton: 'btn btn-danger'
                },
                buttonsStyling: false
            })

            swalWithBootstrapButtons.fire({
                title: 'Are you sure?',
                text: "You want to show this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Yes, Show it!',
                cancelButtonText: 'No, cancel!',
                reverseButtons: true
            }).then((result) => {
                if (result.value) {
                    swalWithBootstrapButtons.fire(
                        'Show!',
                        'Your biodata has been shown as public.',
                        'success',
                        document.getElementById('show-form').submit()
                    )
                } else if (
                    /* Read more about handling dismissals below */
                    result.dismiss === Swal.DismissReason.cancel
                ) {
                    swalWithBootstrapButtons.fire(
                        'Cancelled',
                        'The biodata remains hidden :)',
                        'info'
                    )
                }
            })

        }

        // HIDE POST
        function hidePost(id) {
            const swalWithBootstrapButtons = Swal.mixin({
                customClass: {
                    confirmButton: 'btn btn-success',
                    cancelButton: 'btn btn-danger'
                },
                buttonsStyling: false
            })

            swalWithBootstrapButtons.fire({
                title: 'Are you sure?',
                text: "You want to hide this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Yes, Hide it!',
                cancelButtonText: 'No, cancel!',
                reverseButtons: true
            }).then((result) => {
                if (result.value) {
                    swalWithBootstrapButtons.fire(
                        'Hidden!',
                        'Your biodata has been hidden.',
                        'success',
                        document.getElementById('hide-form').submit()
                    )
                } else if (
                    /* Read more about handling dismissals below */
                    result.dismiss === Swal.DismissReason.cancel
                ) {
                    swalWithBootstrapButtons.fire(
                        'Cancelled',
                        'The biodata remains public :)',
                        'info'
                    )
                }
            })

        }

        // HIDE POST
        function deletePost(id) {
            const swalWithBootstrapButtons = Swal.mixin({
                customClass: {
                    confirmButton: 'btn btn-success',
                    cancelButton: 'btn btn-danger'
                },
                buttonsStyling: false
            })

            swalWithBootstrapButtons.fire({
                title: 'Are you sure?',
                text: "You want to delete this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Yes, Delete it!',
                cancelButtonText: 'No, cancel!',
                reverseButtons: true
            }).then((result) => {
                if (result.value) {
                    swalWithBootstrapButtons.fire(
                        'Hidden!',
                        'Your biodata has been deleted.',
                        'success',
                        document.getElementById('delete-form').submit()
                    )
                } else if (
                    /* Read more about handling dismissals below */
                    result.dismiss === Swal.DismissReason.cancel
                ) {
                    swalWithBootstrapButtons.fire(
                        'Cancelled',
                        'The biodata remains as before :)',
                        'info'
                    )
                }
            })
        }


    </script>
    <!-- DELETE TAG CONFIRMATION CODE ENDS  -->

@endpush