@extends('layouts.app')

@section('content')

<div class="box">
	<div class="box-header">
		<h3 class="box-title">AI Reports</h3>
		<h5 class="inline font-weight-bold">(Filters are not required for this reports)</h5>
	</div>
	<br/>
	<div class="row">
		<div class="form-group col-xs-2 pull-left" style="padding-left: 25px;padding-right: 0px;">
			<a href="{{ url('/rpt_ai_csv_download') }}" target="_blank">
				<button type="button" class="btn btn-block btn-social btn-dropbox" id="export_ai_csv">
					<i class="fa fa-download"></i>AI Report <p class="inline" style="font-size:10px;">(CSV Export)</p>
				</button>
			</a>
		</div>
		<div class="form-group col-xs-2 pull-left" style="padding-left: 25px;padding-right: 0px;">
			<a href="{{ url('/rpt_calving_csv_download') }}" target="_blank">
				<button type="button" class="btn btn-block btn-social btn-dropbox" id="export_ai_csv">
					<i class="fa fa-download"></i>Calving Report <p class="inline" style="font-size:10px;">(CSV Export)</p>
				</button>
			</a>
		</div>
		<div class="form-group col-xs-2 pull-left" style="padding-left: 25px;padding-right: 0px;">
			<a href="{{ url('/rpt_pd_csv_download') }}" target="_blank">
				<button type="button" class="btn btn-block btn-social btn-dropbox" id="export_ai_csv">
					<i class="fa fa-download"></i>PD Report <p class="inline" style="font-size:10px;">(CSV Export)</p>
				</button>
			</a>
		</div>
	</div>
</div>

<div class="box">
    <div class="box-header">
		<h3 class="box-title">AI Usage Report</h3>
	</div>
    <form   class="box-body" id="rpt_ads_search_frm">
    @csrf

    <div class="row">
        <div class="form-group col-md-4 col-xs-12" data-select2-id="prov">
            <div class="form-group">
                <label>Booking No</label>
                <input type="text" class="form-control ser_proname" style="width: 100%;" id="booking_no" name="booking_no">
            </div>
        </div>
        <div class="form-group col-md-4 col-xs-12" data-select2-id="prov">
            <div class="form-group">
                <label>Farmer Name</label>
                {{-- <input class="form-control select2 ser_proname" style="width: 100%;" id="farmer_name" name="farmer_name"> --}}

				<select class="form-control select2 ser_proname" style="width: 100%;" id="farmer_name" name="farmer_name">
					<option selected="selected" value="">Please Select</option>
					@foreach ($data['farmers'] as $farmers)
							<option value="{{$farmers['regno']}}">{{$farmers['user_firstname']}}</option>
					@endforeach
				</select>

            </div>
        </div>
        <div class="form-group col-md-4 col-xs-12" data-select2-id="prov">
        <div class="form-group">
                <label>AI Name</label>
                <select class="form-control select2 ser_proname " style="width: 100%;" id="ai_name" name="ai_name">
					<option selected="selected" value="">Please Select</option>
					@foreach ($data['ai_list'] as $ai_list)
							<option value="{{$ai_list['regno']}}">{{$ai_list['user_firstname']}}</option>
					@endforeach
                </select>
            </div>
        </div>
    </div>


        <div class="row">
            <div class="form-group col-md-4 col-xs-12" data-select2-id="prov">
				<div class="form-group">
					<label>Vet Name</label>
					<select class="form-control select2 ser_proname" style="width: 100%;" id="vet_name" name="vet_name">
						<option selected="selected" value="">Please Select</option>
						@foreach ($data['vet_list'] as $vet_list)
								<option value="{{$vet_list['regno']}}">{{$vet_list['user_firstname']}}</option>
						@endforeach
					</select>
				</div>
			</div>
			{{-- <div class="form-group col-md-4 col-xs-12" data-select2-id="prov">
				<div class="form-group">
					<label>Vet Range</label>
					<select class="form-control select2 sub_ser_proname" style="width: 100%;" id="vet_range" name="vet_range">
						<option selected="selected" value="">Please Select</option>
						@foreach ($data['vetRange'] as $vetRange)
								<option value="{{$vetRange['vetrange_id']}}">{{$vetRange['vetrange_name_en']}}</option>
						@endforeach
					</select>
				</div>
			</div> --}}
			<div class="form-group col-md-4 col-xs-12" data-select2-id="prov">
			<div class="form-group">
					<label>Sequence No</label>
					<select class="form-control select3 " style="width: 100%;" id="sequence_no" name="sequence_no">
						<option selected="selected" value="">Please Select</option>
						<option value="0">00</option>
						<option value="1">01</option>
						<option value="2">02</option>
						<option value="3">03</option>
						<option value="4">04</option>
					</select>
				</div>
			</div>

			{{-- <div class="form-group col-md-4 col-xs-12" data-select2-id="prov">
				<div class="form-group">
					<label>Animal Details</label>
					<input type="text" class="form-control ser_proname" style="width: 100%;" id="animal_details" name="animal_details">
					
				</div>
			</div> --}}
        </div>
		<div class="row">

            

			<div class="form-group col-md-2 col-xs-12">
				<label>From Date</label>
				<div class="input-group date">
					<div class="input-group-addon">
						<i class="fa fa-calendar"></i>
					</div>
					<input type="text" class="form-control pull-right from_date datepicker" id="from_date"  name="created_from_date">
				</div>
			</div>
			<div class="form-group col-md-2 col-xs-12">
				<label>To Date</label>
				<div class="input-group date">
					<div class="input-group-addon">
						<i class="fa fa-calendar"></i>
					</div>
					<input type="text" class="form-control pull-right to_date datepicker" id="to_date"  name="created_to_date">
				</div>
			</div>
			<div class="form-group col-md-2 col-xs-12">
				<br>
	            <input type="checkbox" class="form-check-input" id="ignore_date" name="ignore_date">
	            <label class="form-check-label" for="ignore_date">Ignore Date</label>
	        </div>
			
		</div>
        <div class="row">

			<div class="form-group col-xs-2 pull-right" style="padding-right: 15px;padding-left: 0px;">
				<button type="button" class="btn btn-block btn-social btn-dropbox" id="search_rptads">
					<i class="fa fa-search"></i> Search
				</button>
			</div>
			<div class="form-group col-xs-2 pull-right" style="padding-right: 2px;padding-left: 0px;">
                <button type="button" class="btn btn-block btn-social btn-dropbox" id="export_ads_dtls">
					<i class="fa fa-download"></i>PDF Export
				</button>
			</div>
			<div class="form-group col-xs-2 pull-right" style="padding-right: 2px;padding-left: 0px;">
                <button type="button" class="btn btn-block btn-social btn-dropbox" id="export_ads_csv">
					<i class="fa fa-download"></i>CSV Export
				</button>
			</div>
			{{-- <div class="form-group col-xs-1 pull-right" style="padding-right: 2px;padding-left: 0px;">
				<a href="{{ url('/rpt_ai_csv_download') }}" target="_blank">
					<button type="button" class="btn btn-block btn-social btn-dropbox" id="export_ai_csv">
						<i class="fa fa-download"></i>AI Report
					</button>
				</a>
			</div>
			<div class="form-group col-xs-1 pull-right" style="padding-right: 2px;padding-left: 0px;">
				<a href="{{ url('/rpt_calving_csv_download') }}" target="_blank">
					<button type="button" class="btn btn-block btn-social btn-dropbox" id="export_ai_csv">
						<i class="fa fa-download"></i>Calving Report
					</button>
				</a>
			</div>
			<div class="form-group col-xs-1 pull-right" style="padding-right: 2px;padding-left: 0px;">
				<a href="{{ url('/rpt_pd_csv_download') }}" target="_blank">
					<button type="button" class="btn btn-block btn-social btn-dropbox" id="export_ai_csv">
						<i class="fa fa-download"></i>PD Report
					</button>
				</a>
			</div> --}}
			<div class="form-group col-xs-2">
				<button type="button" class="btn btn-light reset_btn">Reset</button>
			</div>
		</div>
    </form>
</div>

<div class="modal fade" id="my_pending_payments" tabindex="-1" role="dialog" aria-labelledby="pending_pay_model"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="pending_pay_model"><strong id="details_title"></strong></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div id="details_body">

                </div>
                {{-- <a class="btn btn-primary float-right" href="" id="print">Print</a> --}}

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

<div id="result_content"></div>

@endsection

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

	$('.datepicker').datepicker()

	var date = new Date();
		$('.to_date').datepicker( "setDate", date );

		date.setDate(date.getDate() - 7)
		$('.from_date').datepicker( "setDate", date);

	$('#rpt_ads_search_frm').sayt({'recover': true});
	load_all_rptads();

	$('#search_rptads').click(function() {
		$('#rpt_ads_search_frm').sayt({'savenow': true});
		load_all_rptads();
	});

	$('#export_ai_csv').click(function() {
		// e.preventDefault();
		// download_csv();
	});

	$('#rpt_ads_search_frm .reset_btn').click(function () {

        $('#rpt_ads_search_frm').sayt({'erase': true});
		location.reload();
	});

	// $('#ser_proname').change(function() {
	// 	$('#sub_ser_proname').empty();
	// 	if($('#ser_proname option:selected').val() == 'EQU'){
	// 		load_subcategories();
	// 	}
	// });

	// if($('#ser_proname option:selected').val() == 'EQU'){
	// 	load_subcategories();
	// }

	$('#view_button').click(function (e) {
        e.preventDefault();
        console.log('working')
		// $('#my_pending_payments').modal('show');
    });

	$('#view_but').click(function (e) {
        e.preventDefault();
		console.log('working boss')
		$('#my_pending_payments').modal('show');
    });

	$('#export_ads_dtls').click(function (e) {
        e.preventDefault();
        var form=$('#rpt_ads_search_frm');
        form.attr('action','{{url('ai_pdf')}}');
        form.submit();
    });

    $('#export_ads_csv').click(function (e) {
        e.preventDefault();
        var form=$('#rpt_ads_search_frm');
        form.attr('action','{{url('ai_csv')}}');
        form.submit();
    });

});

// function load_subcategories(){
// 	var svc_type = $('#ser_proname option:selected').val();
// 	$.ajax({
// 		url: '{{ url("sub_categoris") }}/'+svc_type,
// 		method: 'GET',
// 		success: function(data) {
// 			 $.each(data, function (key , value) {

//                 $('#sub_ser_proname').append($("<option></option>").attr("value", value.prodsvc_id).text(value.product_name)).trigger('change.select2');
//             });
// 		}
// 	});
// }

// function download_csv(){
//     var ajax_url = "{{ route("rpt_ai_csv_download") }}";
//     form_data = $("#rpt_ads_search_frm").find(":input").serializeArray();
//     $.ajax({
//         url: ajax_url,
//         type: 'GET',
//         // data: form_data,
//         success: function(msg) {
//             $('#result_content').html(msg);
//             $('.datatable').DataTable()
//         },
//         error: function() {
//             alert("Can't Connect to Server");
//         }
//     })
// }

function loadload(booking_no){
	console.log(booking_no)
	$("#details_body").html("");
        // var dtl = $(this).closest("tr").data("paydt");
        var dtdis = "";
        var dt = "";
	$.ajax({
            type: "GET",
            url: "{{route('aireport_dtl_vw')}}",
            data: {
                '_token': "{{csrf_token()}}",
                'booking_no': booking_no
            },
            success: function (response) {
				dtdis = "";
                dt = response.data;
				console.log(dt.farmer_details['regno'])

				dtdis += '<h3 class="text-center">AI Usage Report</h3>';

				dtdis += '<div class="box">';
                	dtdis += '<div class="box-header">';
               			 dtdis += '<h3 class="box-title"><b>Farmer Details</b></h3>';
                	dtdis += '</div>';

					dtdis += '<div class="box-body">';
						dtdis += '<div class="row">';
							dtdis += '<div class="form-group col-md-6">';
								dtdis += '<label for="regno" class="col-md-6 control-label">Register No : '+dt.farmer_details['regno']+'</label>';
							dtdis += '</div>';
							dtdis += '<div class="form-group col-md-6">';
								dtdis += '<label for="regno" class="col-md-6 control-label">Name : '+dt.farmer_details['user_firstname']+' '+dt.farmer_details['user_lastname']+'</label>';
							dtdis += '</div>';
						dtdis += '</div>';
					
						dtdis += '<div class="row">';
							dtdis += '<div class="form-group col-md-6">';
								dtdis += '<label for="regno" class="col-md-6 control-label">Address : '+dt.farmer_details['address_line_1']+' '+dt.farmer_details['address_line_2']+' '+dt.farmer_details['address_line_3']+'</label>';
							dtdis += '</div>';
						dtdis += '</div>';
						
						dtdis += '<div class="row">';
							dtdis += '<div class="form-group col-md-6">';
								dtdis += '<label for="name" class="col-md-6 control-label">Identity Type : '+dt.farmer_details['type_of_id']+' </label>';
							dtdis += '</div>';	
							dtdis += '<div class="form-group col-md-6">';
								dtdis += '<label for="name" class="col-md-6 control-label">Identity ID : '+dt.farmer_details['person_id']+'</label>';
							dtdis += '</div>';
						dtdis += '</div>';
                	dtdis += '</div>';
                dtdis += '</div>';

				// dtdis += '<br/>';
				// dtdis += '<br/>';
				// Ai details
				dtdis += '<div class="box">';
                	dtdis += '<div class="box-header">';
               			 dtdis += '<h3 class="box-title"><b>AI Details</b></h3>';
                	dtdis += '</div>';

					dtdis += '<div class="box-body">';
						dtdis += '<div class="row">';
							dtdis += '<div class="form-group col-md-6">';
								dtdis += '<label for="regno" class="col-md-6 control-label">Register No : '+dt.ai_details['regno']+'</label>';
							dtdis += '</div>';
							dtdis += '<div class="form-group col-md-6">';
								dtdis += '<label for="regno" class="col-md-6 control-label">Name : '+dt.ai_details['user_firstname']+' '+dt.ai_details['user_lastname']+'</label>';
							dtdis += '</div>';
						dtdis += '</div>';
					// dtdis += '</div>';
					
						dtdis += '<div class="row">';
							dtdis += '<div class="form-group col-md-6">';
								dtdis += '<label for="regno" class="col-md-6 control-label">Address : '+dt.ai_details['address_line_1']+' '+dt.ai_details['address_line_2']+' '+dt.ai_details['address_line_3']+'</label>';
							dtdis += '</div>';
						dtdis += '</div>';
						
						dtdis += '<div class="row">';
							dtdis += '<div class="form-group col-md-6">';
								dtdis += '<label for="name" class="col-md-6 control-label">Identity Type : '+dt.ai_details['type_of_id']+' </label>';
							dtdis += '</div>';	
							dtdis += '<div class="form-group col-md-6">';
								dtdis += '<label for="name" class="col-md-6 control-label">Identity ID : '+dt.ai_details['person_id']+'</label>';
							dtdis += '</div>';
						dtdis += '</div>';
                	dtdis += '</div>';
                dtdis += '</div>';
				// console.log(dt.vet_details)				
				if(dt.vet_details){
					dtdis += '<div class="box">';
                	dtdis += '<div class="box-header">';
               			 dtdis += '<h3 class="box-title"><b>Vet Details</b></h3>';
                	dtdis += '</div>';

					dtdis += '<div class="box-body">';
						dtdis += '<div class="row">';
							dtdis += '<div class="form-group col-md-6">';
								dtdis += '<label for="regno" class="col-md-6 control-label">Register No : '+dt.vet_details['regno']+'</label>';
							dtdis += '</div>';
							dtdis += '<div class="form-group col-md-6">';
								dtdis += '<label for="regno" class="col-md-6 control-label">Name : '+dt.vet_details['user_firstname']+' '+dt.vet_details['user_lastname']+'</label>';
							dtdis += '</div>';
						dtdis += '</div>';
					// dtdis += '</div>';
					
						dtdis += '<div class="row">';
							dtdis += '<div class="form-group col-md-6">';
								dtdis += '<label for="regno" class="col-md-6 control-label">Address : '+dt.vet_details['address_line_1']+' '+dt.vet_details['address_line_2']+' '+dt.vet_details['address_line_3']+'</label>';
							dtdis += '</div>';
						dtdis += '</div>';
						
						dtdis += '<div class="row">';
							dtdis += '<div class="form-group col-md-6">';
								dtdis += '<label for="name" class="col-md-6 control-label">Identity Type : '+dt.vet_details['type_of_id']+' </label>';
							dtdis += '</div>';	
							dtdis += '<div class="form-group col-md-6">';
								dtdis += '<label for="name" class="col-md-6 control-label">Identity ID : '+dt.vet_details['person_id']+'</label>';
							dtdis += '</div>';
						dtdis += '</div>';
                	dtdis += '</div>';
                dtdis += '</div>';
				}

				$("#details_body").append(dtdis);
                $('#my_pending_payments').modal('show');
            }
        });
	// $('#my_pending_payments').modal('show');
}

function load_all_rptads(){
    var ajax_url = "{{ route("rpt_ai_search") }}";
    form_data = $("#rpt_ads_search_frm").find(":input").serializeArray();
    $.ajax({
        url: ajax_url,
        type: 'GET',
        data: form_data,
        success: function(msg) {
            $('#result_content').html(msg);
            $('.datatable').DataTable()
        },
        error: function() {
            alert("Can't Connect to Server");
        }
    })
}
</script>
@endpush