@extends('layouts.app')

@section('content')
<div class="box">
    <div class="box-header">
		<h3 class="box-title">AI Usage Reports</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 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')
    });

	$('#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 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