@extends('layouts.default', ['appTopMenu' => true])
@php

use App\Models\inventory\Purchase_model;

@endphp
@section('title','Dashboard') 
@push('scripts')

<link rel="stylesheet" href="{{ asset('css/jquery-ui.css')}}" />
<script src="{{ asset('js/jquery-ui.js') }}"></script>

<script src="{{ asset('js/hcrti/application.js')}}"></script>
 
 <meta name="csrf-token" content="{{ csrf_token() }}" />
 <link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />

<script src="/assets/plugins/select2/dist/js/select2.min.js" defer></script>
<link href="/assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="/assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js" defer></script>

<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>


<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>

 <script type="text/javascript">
 
 

  $(".dtp").datepicker({
  todayHighlight: true,
    autoclose: true,
	opens: "right",
    dateFormat: "dd-mm-yy"
  });

 
  $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});



 </script>
 
 <script language="javascript" type="text/javascript">

function popitup(url) {
	newwindow=window.open(url,'name','height=600,width=1500');
	if (window.focus) {newwindow.focus()}
	return false;
}


</script>



<script type="text/javascript">

$("#district_id").change(function()
{
var district = document.getElementById("district_id").value;
var datastring="district_id="+district+"&fetch_taluka=Submit+Query";
//alert(datastring);

$.ajax({
type: "POST",
url: "getTaluka",
data: datastring,
success:function(html)
{
//alert(html)	;
$("#bench_id").html(html);
}
})
return false;	
}); 

function getDistrictWiseResults(id, filter_by) 
{

                    if (filter_by == 'DISTT') {

                        var district_name = $("#district_id option:selected").text();
                    } else if (filter_by == 'TALUKA') {

                        var district_id = $('#district_id').val();
                        var district_name = $("#bench_id option:selected").text();
                    } else {
                        var district_name = '';
                        var bench_name = '';
                    }

                    $.ajax({
                        type: "POST",
                        dataType: 'JSON',
                        url: "{{ url('inventory/district_wise_results') }}",
                        data: {'district_id': district_id, 'filter_id': id, 'filter_by': filter_by, 'filter_to': district_name},
                        beforeSend: function (request) {
                            return request.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-token']").attr('content'));
                        },
                        success: function (data) {
                            $('#results').html(data);

                        }, error: function (data) {

                            $('.text-danger').text('');
                            if (data.status === 401) {
                                $(location).prop('/', 'login');
                            } else if (data.status === 422) {
                                $.each(data.responseJSON.errors, function (field_name, error) {
                                    toastr.error(error);
                                })
                            }
                        }
                    });
}


            </script>
@endpush

@push('head')





@endpush

@section('content') 

<div class="container">
    @if (session('status'))

    <div class="alert alert-success alert-dismissible" >
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        {!! session('status') !!}
    </div>
    @elseif(session('failed'))
    <div class="alert alert-danger alert-dismissible" >
        <button type="button" class="btn-close" ddata-bs-dismiss="alert"></button>
        <strong>{{ session('failed') }}	</strong>
    </div>
    @endif
  

      
              <section class="content">
                    <div class="container-fluid">
                        <div class="card card-primary">
                            <div class="card-header">
                                <h3 class="card-title">Total Stock Report</h3>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-sm-12">
                                        {{ Form::open(array('name'=>'searchForm','id'=>'searchForm', 'class'=>'form-horizontal' ,'method' => 'POST')) }}
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    {!! Form::Label('district', 'District') !!}
                                                    <select id="district_id" name="district_id" onchange="getDistrictWiseResults(this.value, 'DISTT');" class="form-control select2bs4" style="width: 100%;">