@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">(CSV Exports)</h5>
        </div>
        <form class="box-body" id="ai_search_frm">
            @csrf
            <div class="row">
                <div class="form-group col-md-2 col-xs-12" style="padding-left: 25px;padding-right: 0px;">
                    <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="ai_from_date"
                            name="ai_from_date">
                    </div>
                </div>
                <div class="form-group col-md-2 col-xs-12" style="padding-left: 25px;padding-right: 0px;">
                    <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="ai_to_date"
                            name="ai_to_date">
                    </div>
                </div>
                <div class="form-group col-md-2 col-xs-12" style="padding-left: 25px;padding-right: 0px;">
                    <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-left" style="padding-left: 25px;padding-right: 0px;">

                    <button type="button" class="btn btn-block btn-social btn-dropbox" id="rpt_ai_csv_download">
                        <i class="fa fa-download"></i>AI Report
                    </button>
                    {{-- <a href="{{ url('/rpt_ai_csv_download') }}" target="_blank"> --}}
                    {{-- </a> --}}
                </div>
                <div class="form-group col-xs-2 pull-left" style="padding-left: 25px;padding-right: 0px;">

                    <button type="button" class="btn btn-block btn-social btn-dropbox" id="rpt_calving_csv_download">
                        <i class="fa fa-download"></i>Calving Report
                    </button>
                    {{-- <a href="{{ url('/rpt_calving_csv_download') }}" target="_blank"> --}}
                    {{-- </a> --}}
                </div>
                <div class="form-group col-xs-2 pull-left" style="padding-left: 25px;padding-right: 0px;">

                    <button type="button" class="btn btn-block btn-social btn-dropbox" id="rpt_pd_csv_download">
                        <i class="fa fa-download"></i>PD Report
                    </button>
                    {{-- <a href="{{ url('/rpt_pd_csv_download') }}" target="_blank"> --}}
                    {{-- </a> --}}
                </div>
            </div>
        </form>
    </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>
                @if(is_admin()) 
                <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>
                @endif
            </div>
                

            @if(is_admin())
            <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>
            @endif
            <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();
            });

            // rpt_ai_csv_download
            $('#rpt_ai_csv_download').click(function(e) {
				e.preventDefault();
                var form = $('#ai_search_frm');
                form.attr('action', '{{ url('rpt_ai_csv_download') }}');
                form.submit();
            });

// 			rpt_calving_csv_download
// rpt_pd_csv_download

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

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

            // $('#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
                    @if(is_admin())
                    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>';
                    @endif
                    // 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");
                }
            })
        }

		function ai_rpt_csv(){
			var ajax_url = "{{ route('rpt_ai_csv_download') }}";
			form_data = $("#ai_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