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

use App\Models\inventory\Issue_model;
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>


<link href="/assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" />
<script src="/assets/plugins/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="/assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js"></script>
<link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="/assets/plugins/select2/dist/js/select2.min.js"></script>


 

<script>
 
 $(".default-select2").select2({
  placeholder: "Select Model",
  minimumInputLength: 0 // Set to 0 to show the "Select All" option immediately.
});
  
  $(".multiple-select2").select2({
  placeholder: "Select Product",
   enableClickableOptGroups: true,
            enableCollapsibleOptGroups: true,
            enableFiltering: true,
			 enableCaseInsensitiveFiltering: true,
            includeSelectAllOption: true
});
</script>
<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')
    }
});	
	
       	$("#print").hide();	
	$("#btn_excel").hide();	
	
      
	

$(document).ready(function() 
{
 
//alert("sdfsdf");		
$("#submit").click(function()
{
var result=true;
var district = $("#district");
var product = $("#product");
var model = $("#model");
if(district.val() == "")
{

result=false;
alert("Please Select District...");
document.getElementById("district").focus();
return false;
}

if(product.val() == "" && district.val()!="all")
{

result=false;
alert("Please Select product...");
document.getElementById("product").focus();
return false;
}
if(model.val() == "" && district.val()!="all")
{

result=false;
alert("Please Select model...");
document.getElementById("model").focus();
return false;
}

var mystring=$("#insert").serialize(); 
var datastring=mystring+"&search=Submit+Query";

//alert(datastring);

$.ajax({
type: "POST",
url: "get_amc_records4",
data: datastring,
beforeSend: function(){
    // Show image container
    $("#loader").show();
	$("#result").hide();
   },
success:function(html)
{
$("#loader").hide();
$("#result").show(); 
$("#print").show();	
$("#btn_excel").show();
$("#show_result_div").html(html);
}
})
return false;	

});




$(".multiple-select2").change(function()
{
var mystring=$("#insert").serialize(); 
var datastring=mystring+"&fetch_model=Submit+Query";
//alert(datastring);

$.ajax({
type: "POST",
url: "amc_fetch_model",
data: datastring,
success:function(html)
{
$("#model").html(html);
}
})
return false;	
});
   
	
	
$("#district").change(function()
{
var district = document.getElementById("district").value;
var datastring="district_id="+district+"&fetch_taluka=Submit+Query";
//alert(datastring);

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

 });
    </script>
	
	<script language="javascript" type="text/javascript">
        function printElem(show_result_div) {
            //Get the HTML of div
            var divElements = document.getElementById(show_result_div).innerHTML;
            //Get the HTML of whole page
            var oldPage = document.body.innerHTML;

            //Reset the page's HTML with div's HTML only
            document.body.innerHTML = 
              "<html><head><title></title></head><body>" + 
              divElements + "</body>";

            //Print Page
            window.print();

            //Restore orignal HTML
            document.body.innerHTML = oldPage;

          
        }
        </script>
		@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
	
	
	
	
             

@if(\Session::has('success'))
<div class="alert alert-success message_box" id="message_box">
{{\Session::get('success')}}
</div>
@endif



<div class="card mb-6" id="google_translate_element">
<div class="card-header bg-dark ">AMC Report</div>


<div class="card-body">
<div class="row mb-3">
<form id="insert">
<div class="form-group row">
<div class="col-sm-6">
{!! Form::Label('District', 'Select District') !!}
<select id="district" name="district" class="form-select" style="width: 100%;">
<option value="all">All</option>
<option value="all_dc">All District</option>
<option value="all_tc">All Taluka</option>
 {!! App\Models\inventory\Purchase_model::ShowDistrictDropDown(old('district')) !!}
</select>
<span class="text-danger">{{ $errors->first('district') }}</span>
</div>

<div class="col-sm-6 mb-3">
                                            {!! Form::Label('Taluka', 'Select Taluka') !!}
                                            <select id="bench_id" name="bench_id" class="form-select" >
                                                <option value="">Select Bench</option>
                                            </select>
  </div>                                           <span class="text-danger">{{ $errors->first('bench_id') }}</span>
                                   

<div class="col-sm-4">
{!! Form::Label('product', 'By Product') !!}
<select name='product[]' id='product'   class='multiple-select2 form-select'   multiple>

{!!  App\Models\inventory\Purchase_model::ShowProductDropDown(old('product')) !!}
</select>
<span class="text-danger">{{ $errors->first('product') }}</span>
</div>

<div class="col-sm-4" >
{!! Form::Label('Model', 'By Model') !!}</br>

<select name="model[]" id="model"  class="default-select2 form-select" multiple >
</select>
</div>  

<div class="col-sm-2">
{!! Form::Label('date', 'By Till Date') !!}
<div class="input-group date_picker" id="reservationdate" data-target-input="nearest">
<input type="text" id="till_date" name="till_date" value="03-10-2024"  class="form-control dtp" data-target="#till_date"/>
                                           
</div>
<span class="text-danger">{{ $errors->first('till_date') }}</span>

</div>

<div class="col-sm-2">
<input type="button" value="Submit" id="submit" name="submit"  class="btn btn-primary" style="margin-top:17px;"/>
</div>

</div>

</form>

</div>
</div>
<div class="card card-primary" id="show_result_div" >
                            
</div>


</div>
<input type="button" value="Print" id="print" onclick="printElem('show_result_div')" class="btn btn-success btn-flat" /> 
</div>

@endsection