@extends('layouts.frontend.app')
@section('title','')
@push('css')
    <link href="{{asset('assets/frontend/css/type/styles.css')}}" rel="stylesheet">
    <link href="{{asset('assets/frontend/css/type/responsive.css')}}" rel="stylesheet">

    <style>
        .vendor-img .blur-image img {
    -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
    filter: blur(5px);
    }
    </style>

@endpush
@section('content')
    <!-- page-header -->
    <div class="page-header">
        <div class="container">
            <div class="row">
                <!-- page caption -->
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 ">
                    <div class="page-caption">
                        <h1 class="page-title">Search Candidate</h1>
                    </div>
                </div>
                <!-- /.page caption -->
            </div>
        </div>
        <!-- page caption -->
        <div class="page-breadcrumb">
            <div class="container">
                <div class="row">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">Home</a></li>
                            <li class="breadcrumb-item active text-white" aria-current="page">Search Candidate</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
        <!-- page breadcrumb -->
    </div>
    <!-- /.page-header -->
    <div class="content">
        <div class="container">
            <div class="row">
                @if($biodataList->count()>0)
                    @foreach($biodataList as $biodata)

                        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                            <div class="vendor-thumbnail">
                                <!-- Vendor thumbnail -->
                                <div class="vendor-img">
                                    <!-- Vendor img -->
                                    @if($biodata->candidate_cover_image == 'default.jpg')
                                        <img src="{{ asset('assets/frontend/images/avatar.png')}}" alt="" class="img-fluid">
                                    @else
                                        <img src="{{ asset('storage/cover_image/'.$biodata->candidate_cover_image)}}" alt="">
                                    @endif
                                </div>
                                <!-- /.Vendor img -->
                                <div class="vendor-content">
                                    <!-- Vendor Content -->
                                    <h2 class="vendor-title">
                                      {{$biodata->candidate_name}} <br/>
                                        <small> Code: {{$biodata->code}} </small>
                                    </h2>
                                    <hr/>
                                    <p>{{$biodata->present_address_thana}}, {{$biodata->present_address_district}}.</p>
                                    <p> <strong>Age- </strong>  {{$biodata->candidate_age}} years</p>
                                    <p> <strong>Status-</strong>   {{$biodata->candidate_marital_status}}</p>
                                    <p><strong>Education-</strong>   {{$biodata->candidate_education_digree_01}}</p>
                                    <p><strong>Occupation-</strong>  
                                       @if($biodata->candidate_occupation_type == 'Others')
                                       {{$biodata->candidate_occupation_details}}
                                     @else
                                    {{$biodata->candidate_occupation_type}}
                                     @endif
                                    </p>
                                     <p><strong>Height-</strong>   {{$biodata->candidate_height}} feet</p>
                                    <p><strong>Complexion-</strong>   {{$biodata->candidate_body_color}}</p>
                                    <p><strong>Blood Group-</strong>   {{$biodata->candidate_blood_group}}</p>
                                    <p><strong>Weight-</strong>   {{$biodata->candidate_body_weight}} kg</p>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @else
                    <h2> No biodta Found, back to <a href="{{route('home')}}">home </a> and search again...  </h2>
                @endif
            </div>
        </div>
    </div>

@endsection
@push('js')

@endpush