@include('Template.header')
<meta name="csrf-token" content="{{ csrf_token() }}">
<div class="modal fade" id="add_lab" tabindex="-1" aria-labelledby="create_camp" aria-hidden="true">
                <div class="modal-dialog  modal-dialog-centered modal-dialog-scrollable">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h3 class="modal-title">Add Lab</h3>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-12">

                                        <form class="forms-sample row" id="add_lab_data" method="POST">
@csrf

                                            <div class="form-group col-lg-6 px-2">
                                                <label for="vLabName">Service Provider<span style="color: red;">*</span></label>
                                                <input type="text" class="form-control" id="vLabName" name="vLabName"
                                                    placeholder="Enter Service Provider" />
                                            </div>

                                            <div class="form-group col-lg-6 px-2">
                                                <label for="vLabPersonName">Lab Person<span style="color: red;">*</span></label>
                                                <input type="text" class="form-control" id="vLabPersonName" name="vLabPersonName"
                                                    placeholder="Enter Lab Person" />
                                            </div>
                                            <div class="form-group col-lg-6 px-2">
                                                <label for="vMobile">Mobile No.<span style="color: red;">*</span></label>
                                                <input type="text" class="form-control" id="vMobile" name="vMobile"
                                                    placeholder="Enter Mobile No." oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');" />
                                            </div>
                                            <div class="form-group col-lg-6 px-2">
                                                <label for="email">Email ID<span style="color: red;">*</span></label>
                                                <input type="email" class="form-control" id="email" name="email"
                                                    placeholder="Enter Email ID" />
                                            </div>
                                            <div class="form-group col-lg-6 px-2">
                                                <label for="password">Password<span style="color: red;">*</span></label>
                                                <input type="text" class="form-control" id="password" name="password"
                                                    placeholder="Enter Password" />
                                            </div>
                                            <div class="form-group col-lg-12 px-2 text-center">
                                                <button type="submit" id="addLabntn" class="btn btn-primary mr-2"> Submit
                                                </button>
                                                <a class="btn btn-light" onclick="$('#add_lab').modal('hide');">Cancel</a>
                                            </div>
                                        </form>

                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>


<div class="main-panel">
    <div class="content-wrapper pb-0">
        <h4 class="">Manage Lab </h4>
       
        <div class="card mt-3">
            <div class="row">
                
               
               
                <div class="col-xl-auto col-lg-auto text-right ml-auto my-auto my-2">
                    {{-- <a href="#" data-target="#add_lab" data-toggle="modal" class="btn btn-primary"><i class="fa fa-plus mr-1"></i>  Add Lab</a> --}}
                    <a href="#" type="submit" class="btn btn-success  mx-auto" onclick="exportdata()"><i class="fa fa-download"></i> Export</a>
                </div>
            </div>
        </div>
        <div class="row mt-3">
            <div class="col-lg-12 grid-margin stretch-card">
                <div class="card">
                    <div class="card-body">

                        <div class="table-responsive">
                            <table class="table table-striped text-center w-100" id="lab_datatable">
                                <thead class="thead-light">
                                    <tr>
                                        <th>Sr. No.</th>
                                        <th>Action</th>
                                        <th>Service Provider</th>
                                        <th>Lab Person</th>
                                        <th>Mobile No.</th>
                                        <th>Email ID</th>
                                    </tr>
                                </thead>
                                <tbody>
                                  
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    @include('Template.footer')


    <script>

$(function() {
            var i = 1;
            var table = $('#lab_datatable').DataTable({
                scrollX: true,
                destroy: true,
                processing: true,
                serverSide: true,
                responsive: true,
                autoWidth: false,
                ajax: {
                    url: "{{ url('lab-datatable') }}",
                    data: function(d) {
                        // d.eRole = 'SM';
                    },
                },
                columns: [{
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex',
                        orderable: false,
                        searchable: false

                    },
                    {
                        data: 'action',
                        name: 'action',
                        orderable: false,
                    },
                    {
                        data: 'vLabName',
                        name: 'vLabName'
                    },
                    {
                        data: 'vLabPersonName',
                        name: 'vLabPersonName'
                    },
                    {
                        data: 'vMobile',
                        name: 'vMobile'
                    },
                    {
                        data: 'email',
                        name: 'email'
                    },
                   
                ]
            });
            $('#applyfilter').click(function() {
                table.draw();
            });
            $("#clear").click(function() {
                var start = moment().subtract('Year').startOf('Year');
            var end = moment().subtract('Year').endOf('Year');
                cb(start, end);
                $('#status').val('').selectpicker("refresh");
                table.draw();
            });
        });



     $('#add_lab_data').validate({ // initialize the plugin
      ignore: ".ignore",
        rules: {
            vLabName: {
                required: true,
            },
            vLabPersonName: {
                required: true,
            },
            vMobile: {
                required: true,
                number: true,
                minlength: 10,
                maxlength: 10,
            },
            email: {
                required: true,
            },
            password: {
                required: true,
            },
           
            
        },
        messages: {
        },
        errorPlacement: function(error, element) {
                var placement = $(element).data('error');
                if (placement) {
                    $(placement).append(error)
                } else {
                    error.insertAfter(element);
                }
            },

            submitHandler: function(form) {
                // return false;
                $("#addLabntn").attr('disabled', true);

                var formData = new FormData($("#add_lab_data")[0]);
                // $("#preloader").addClass('loaded');
                $.ajax({
                    url: "{{ url('add-lab') }}",
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: "json",
                    success: function(response) {
                        var flag = 0;
                        
                        if (response.Status == 1) {
                            $.notify(response.msg, "success");
                            setTimeout(function() {
                              location.reload();
                            }, 300);
                        } else {
                          $.notify(response.msg, "error");
                          $(".file-upload-name").addClass('error').html('File size exceeds 10 MiB');
                          $("#Consultancy_Agreement_Document").val("");
                        }
                    },
                    error: function(data) {
                        // Error...
                        var errors = $.parseJSON(data.responseText);
                        $.notify("The given data was invalid.", "error");
                        $("#addLabntn").attr('disabled', false);
                    }
                }); //ajax
            }
    });

    function changeStatus(id) {
            $.ajax({
                url: "{{ url('changelabStatus') }}",
                type: 'POST',
                data: {
                    "_token": "{{ csrf_token() }}",
                    iLabID: id,
                },
                success: function(response) {
                    $.notify("Status updated Successfully", "success");
                    $('#user_datatable').DataTable().ajax.reload();
                }
            });
        }



  </script>


    <script type="text/javascript">
    $(function() {

        var start = moment().subtract('Year').startOf('Year');
            var end = moment().subtract('Year').endOf('Year');
        function cb(start, end) {
            $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
        }

        $('#reportrange').daterangepicker({
            startDate: start,
            endDate: end,
            ranges: {
                'Today': [moment(), moment()],
                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                'This Month': [moment().startOf('month'), moment().endOf('month')],
                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1,
                    'month').endOf('month')]
            }
        }, cb);

        cb(start, end);

    });
    $(document).ready(function() {
        $('#datatable').DataTable({
            "scrollX": true
        });
    });
    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function(e) {
                $('#file_upload')
                    .attr('src', e.target.result);
            };
            reader.readAsDataURL(input.files[0]);
        }
    }


    function exportdata() {
            $('#loader').show();
            $.ajax({
                type: "POST",
                url: '{{ url("lab-export") }}',
                //  async: false,
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                },
                data: {
                    // webinarName: $('#webinarName option:selected').val(),
                    // status: $('#status option:selected').val(),
                    // datefilter: $('#datefilter').val()
                },
                success: function(result, status, xhr) {
                    var disposition = xhr.getResponseHeader('content-disposition');
                    var matches = /"([^"]*)"/.exec(disposition);
                    var filename = (matches != null && matches[1] ? matches[1] : 'LAB.csv');
                    // The actual download
                    var blob = new Blob([result], {
                        type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
                    });
                    var link = document.createElement('a');
                    link.href = window.URL.createObjectURL(blob);
                    link.download = filename;
                    document.body.appendChild(link);
                    link.click();
                    document.body.removeChild(link);
                    $('#loader').hide();
                }
            });
        }


    </script>