@extends('layouts.app')
@section('title', 'ELD-States')

@section('content')
<div class="container-fluid mt-1">
	<x-setting_tabs/>
	<div class="col-lg-12">
        <div class="card ">
            <div class="card-body">
                <div class="p-0">
                    <table id="datatable" class="table table-bordered mb-0"  >
                        <thead>
                            <tr>
                                <th>Sl No</th>
                                <th>State</th>
                                <th>Economic Loss Month</th>
                                <th>Economic Loss Day</th>
                                <th class="text-center">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                                                    </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<x-alert/>
<script type="text/javascript">
	$(document).ready(function() {
		$(".odtabs").not("#tab17").addClass('btn-outline-secondary');
		$("#tab17").addClass('btn-secondary');
	});
	 var table = $('#datatable').DataTable({
		responsive: true,
		dom: 'lBfrtip',
        buttons: [
            'excel'
        ]
    });
    function submit_dates(stateid)
    {
        var date = $("#date"+stateid).val();
        var month = $("#month"+stateid).val();
        $.ajax({
                type:'POST',
                url:"{{route('updateelddates')}}",
                data: {
                    "_token": "{{ csrf_token() }}",
                        "stateid":stateid,
                        "date": date,
                        "month":month
                },
                success: function(response)
                {
                    new PNotify({
                        title: 'Success',
                        text:  response.msg,
                        type: 'success'
                    });
                    setTimeout(function(){  location.reload(); }, 800);
                },
                error:function(response)
                {
                    new PNotify({
                    title: 'Error',
                    text:err,
                    type: 'error',
                    delay: 1000
                    });
                }
            });
    }
</script>
@endsection