@extends('layouts.app')
<style>
    .example-modal .modal {
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
        left: auto;
        display: block;
        z-index: 1;
    }

    .example-modal .modal {
        background: transparent !important;
    }
</style>

@section('content')
    {{-- <div style="height: 45px;">
        <a href="#" type="button" class="btn pull-right bg-gray btn-sm">Back</a>
    </div> --}}





    <div class="box">
        <div class="box-header">
            <h3 class="box-title"><b>Farmer Details</b></h3>
        </div>

        <div class="box-body">
            <div class="row">
                <div class="form-group col-md-6">
                    <label for="regno" class="col-md-6 control-label">Register No : </label>
                    &nbsp&nbsp&nbsp&nbsp&nbsp{{ $data['farmer_details']->regno }}
                </div>
                <div class="form-group col-md-6">
                    <label for="regno" class="col-md-6 control-label">Name : </label>
                    &nbsp&nbsp&nbsp&nbsp&nbsp{{ $data['farmer_details']->user_firstname }}&nbsp{{ $data['farmer_details']->user_lastname }}
                </div>
            </div>
            <div class="row">
                <div class="form-group col-md-6">
                    <label for="regno" class="col-md-6 control-label">Address : </label>

                    &nbsp&nbsp&nbsp&nbsp&nbsp{{ $data['farmer_details']->address_line_1 }}&nbsp,{{ $data['farmer_details']->address_line_2 }}&nbsp,{{ $data['farmer_details']->address_line_3 }}
                </div>
            </div>

            <div class="row">
                <div class="form-group col-md-6">
                    <label for="name" class="col-md-6 control-label">Identity Type : </label>

                    <div class="col-md-6">
                        &nbsp&nbsp{{ $data['farmer_details']->type_of_id }}
                    </div>
                </div>

                <div class="form-group col-md-6">
                    <label for="name" class="col-md-6 control-label">Identity ID : </label>

                    <div class="col-md-6">
                        &nbsp&nbsp{{ $data['farmer_details']->person_id }}
                    </div>
                </div>
            </div>

        </div>



    </div>


	<div class="box">
        <div class="box-header">
            <h3 class="box-title"><b>AI Details</b></h3>
        </div>

        <div class="box-body">
            <div class="row">
                <div class="form-group col-md-6">
                    <label for="regno" class="col-md-6 control-label">Register No : </label>
                    &nbsp&nbsp&nbsp&nbsp&nbsp{{ $data['ai_details']->regno }}
                </div>
                <div class="form-group col-md-6">
                    <label for="regno" class="col-md-6 control-label">Name : </label>
                    &nbsp&nbsp&nbsp&nbsp&nbsp{{ $data['ai_details']->user_firstname }}&nbsp{{ $data['ai_details']->user_lastname }}
                </div>
            </div>
            <div class="row">
                <div class="form-group col-md-6">
                    <label for="regno" class="col-md-6 control-label">Address : </label>

                    &nbsp&nbsp&nbsp&nbsp&nbsp{{ $data['ai_details']->address_line_1 }}&nbsp,{{ $data['ai_details']->address_line_2 }}&nbsp,{{ $data['ai_details']->address_line_3 }}
                </div>
            </div>

            <div class="row">
                <div class="form-group col-md-6">
                    <label for="name" class="col-md-6 control-label">Identity Type : </label>

                    <div class="col-md-6">
                        &nbsp&nbsp{{ $data['ai_details']->type_of_id }}
                    </div>
                </div>

                <div class="form-group col-md-6">
                    <label for="name" class="col-md-6 control-label">Identity ID : </label>

                    <div class="col-md-6">
                        &nbsp&nbsp{{ $data['ai_details']->person_id }}
                    </div>
                </div>
            </div>

        </div>



    </div>


	@if(!empty($data['vet_details']))
	<div class="box">
        <div class="box-header">
            <h3 class="box-title"><b>Vet Details</b></h3>
        </div>

        <div class="box-body">
            <div class="row">
                <div class="form-group col-md-6">
                    <label for="regno" class="col-md-6 control-label">Register No : </label>
                    &nbsp&nbsp&nbsp&nbsp&nbsp{{ $data['vet_details']->regno }}
                </div>
                <div class="form-group col-md-6">
                    <label for="regno" class="col-md-6 control-label">Name : </label>
                    &nbsp&nbsp&nbsp&nbsp&nbsp{{ $data['vet_details']->user_firstname }}&nbsp{{ $data['vet_details']->user_lastname }}
                </div>
            </div>
            <div class="row">
                <div class="form-group col-md-6">
                    <label for="regno" class="col-md-6 control-label">Address : </label>

                    &nbsp&nbsp&nbsp&nbsp&nbsp{{ $data['vet_details']->address_line_1 }}&nbsp,{{ $data['vet_details']->address_line_2 }}&nbsp,{{ $data['vet_details']->address_line_3 }}
                </div>
            </div>

            <div class="row">
                <div class="form-group col-md-6">
                    <label for="name" class="col-md-6 control-label">Identity Type : </label>

                    <div class="col-md-6">
                        &nbsp&nbsp{{ $data['vet_details']->type_of_id }}
                    </div>
                </div>

                <div class="form-group col-md-6">
                    <label for="name" class="col-md-6 control-label">Identity ID : </label>

                    <div class="col-md-6">
                        &nbsp&nbsp{{ $data['vet_details']->person_id }}
                    </div>
                </div>
            </div>

        </div>



    </div>
@endif

    </div>
@endsection

@push('scripts')
    <script type="text/javascript">
        jQuery(document).ready(function($) {

            $('.imgcont').on("click", ".previewimg", function() {

                var imgPath = $(this).data('url');

                $(".modal-content .zoomimg").attr("src", imgPath);
            });
        });
    </script>
@endpush