@extends('layouts.admin', ['title' => 'Farmer Details'])

<meta name="csrf-token" content="{{ csrf_token() }}">
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />

@push('stylesheets')



@endpush

@section('content')
<div class="main-content">
    <div class="page-content">
        <div class="container-fluid">
            <div class="profile-foreground position-relative mx-n4 mt-n4">
                <div class="profile-wid-bg">
                    <img src="assets/images/profile-bg.jpg" alt="" class="profile-wid-img" />
                </div>
            </div>
            <div class="pt-4 mb-4 mb-lg-3 pb-lg-4 profile-wrapper">
                <div class="row g-4">
                    <div class="col">
                        <div class="p-2">
                            <h3 class="text-white mb-1">{{$village_agent->first_name}} {{$village_agent->last_name}}  (VILLAGE AGENT)</h3>
                        </div>
                    </div>
                </div>
                <!--end row-->
            </div>

            <div class="row">
                <div class="col-lg-12">
                    <div>
                        <div class="d-flex profile-wrapper">
                            <!-- Nav tabs -->
                            <ul class="nav nav-pills animation-nav profile-nav gap-2 gap-lg-3 flex-grow-1" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link fs-14 active" data-bs-toggle="tab" href="#overview-tab" role="tab">
                                        <i class="ri-airplay-fill d-inline-block d-md-none"></i> <span class="d-none d-md-inline-block">Overview</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!-- Tab panes -->
                        <div class="tab-content pt-4 text-muted">
                            <div class="tab-pane active" id="overview-tab" role="tabpanel">
                                <div>
                                    <div>
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="card">
                                                    <div class="card-body" style="margin: 50px;">
                                                        <div class="row mb-3">
                                                            <div class="col-12 col-lg-6">
                                                                <label for=""><b>Name</b></label>
                                                            </div>
                                                            <div class="col-12 col-lg-6">
                                                                <p>{{$village_agent->first_name}} {{$village_agent->last_name}}</p>
                                                            </div>
                                                        </div>
                                                        <div class="row mb-3">
                                                            <div class="col-12 col-lg-6">
                                                                <label for=""><b>Conatct</b></label>
                                                            </div>
                                                            <div class="col-12 col-lg-6">
                                                                <p>{{$village_agent->village_agent_contact}} </p>
                                                            </div>
                                                        </div>
                                                        <div class="row mb-3">
                                                            <div class="col-12 col-lg-6">
                                                                <label for=""><b>Gender</b></label>
                                                            </div>
                                                            <div class="col-12 col-lg-6">
                                                                <p>{{$village_agent->gender}}</p>
                                                            </div>
                                                        </div>
                                                        <div class="row mb-3">
                                                            <div class="col-12 col-lg-6">
                                                                <label for=""><b>Year of birth</b></label>
                                                            </div>
                                                            <div class="col-12 col-lg-6">
                                                                <p>{{$village_agent->year_of_birth}}</p>
                                                            </div>
                                                        </div>
                                                        <!--  -->
                                                        <div class="row mb-3">
                                                            <div class="col-12 col-lg-6">
                                                                <label for=""><b>Education Level</b></label>
                                                            </div>
                                                            <div class="col-12 col-lg-6">
                                                                <p>{{$village_agent->education_level}}</p>
                                                            </div>
                                                        </div>

                                                        <div class="row mb-3">
                                                            <div class="col-12 col-lg-6">
                                                                <label for=""><b>District</b></label>
                                                            </div>
                                                            <div class="col-12 col-lg-6">
                                                                <p>{{$village_agent->district}}</p>
                                                            </div>
                                                        </div>

                                                        <div class="row mb-3">
                                                            <div class="col-12 col-lg-6">
                                                                <label for=""><b>Subcounty</b></label>
                                                            </div>
                                                            <div class="col-12 col-lg-6">
                                                                <p>{{$village_agent->sub_county}}</p>
                                                            </div>
                                                        </div>

                                                        <div class="row mb-3">
                                                            <div class="col-12 col-lg-6">
                                                                <label for=""><b>Parish</b></label>
                                                            </div>
                                                            <div class="col-12 col-lg-6">
                                                                <p>{{$village_agent->parish}}</p>
                                                            </div>
                                                        </div>

                                                        <div class="row mb-3">
                                                            <div class="col-12 col-lg-6">
                                                                <label for=""><b>Village</b></label>
                                                            </div>
                                                            <div class="col-12 col-lg-6">
                                                                <p>{{$village_agent->village}}</p>
                                                            </div>
                                                        </div>

                                                        

                                                        <div class="row mb-3">
                                                            <div class="col-12 col-lg-6">
                                                                <label for=""><b>Created by</b></label>
                                                            </div>
                                                            <div class="col-12 col-lg-6">
                                                                <p>{{$village_agent->name}}</p>
                                                            </div>
                                                        </div>
                                                        <!-- Same Information -->
                                                        

                                                    </div><!-- end card body -->
                                                </div><!-- end card -->
                                            </div><!-- end col -->
                                        </div><!-- end row -->
                                    </div>
                                    <!--end col-->
                                </div>
                                <!--end row-->
                            </div>
                            <!--end tab-content-->
                        </div>
                    </div>
                </div>
                <!--end col-->
            </div>
            <!--end row-->

        </div><!-- container-fluid -->
    </div><!-- End Page-content -->
</div>

<!-- Approve Start -->
@if(auth()->user()->can('manage-certificates'))
<div id="revoke" class="modal fade zoomIn" aria-labelledby="zoomInModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body p-5">
                    <h5 class="mb-3">Revoke certificate</h5>
                    <form id="revocation-form">
                    <input type="hidden" name="reference_number" value="{{$certificate_details->reference_number}}" />
                        <div class="mb-3">
                        <select class="form-control" id="revocation-code" name="revocation_reason" required>
                            <option></option>
                            @foreach($revocation_reasons as $reason)
                            <option value="{{$reason->code}}">{{$reason->reason}}</option>
                            @endforeach
                        </select>
                        </div>
                        <button type="submit" class="btn btn-primary w-100 button-prevent-multiple-submits" id="Submit-Form">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endif

@endsection

@push('scripts')

<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<script>




@endpush