@include('header')
<div class="container-fluid flex-grow-1 container-p-y">
    <h4 class="font-weight-bold py-3 mb-0">Patient Lists</h4>

    <div class="row">
        <!-- customar project  start -->
        <div class="col-xl-12">

        <div class="card mb-4">
<div class="card-body">
<div id="alert_message"></div>
<form id="validation-form22" method="post" enctype="multipart/form-data">
<div class="form-row">
<div class="form-group col-md-2">
<label class="form-label">From Date </label>
<input type="date" name="FromDate" id="FromDate" class="form-control" value="" autocomplete="off">
</div>
<div class="form-group col-md-2">
<label class="form-label">To Date</label>
<input type="date" name="ToDate" id="ToDate" class="form-control" value="" autocomplete="off">
</div>

<input type="hidden" name="Search" value="Search">
<div class="form-group col-md-2" style="padding-top:20px;">
<button type="button" id="filter" class="btn btn-primary btn-finish">Search</button>
</div>
</div>

</form>
</div>
</div>
            <div class="card">
                <div class="card-body">
               

                <div class="table-responsive" id="custresult">
                  
                  
                </div>
            </div>
        </div>
    </div>
    <!-- customar project  end -->
</div>




</div>
@include('opd/incnewpatient')
@include('header')
<script type="text/javascript">
$(document).ready(function() {

//load_data();

function load_data(FromDate = '', ToDate = ''){
    $.ajax({
        url: "{{ url('viewNewPatientList') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            FromDate: FromDate,ToDate:ToDate
        },
        success: function(data) {
            //console.log(data);
            $('#custresult').html(data);
        }
    });
}



$('#filter').click(function(){
  var FromDate = $('#FromDate').val();
  var ToDate = $('#ToDate').val();
  if(FromDate != '' &&  ToDate != '')
  {
   load_data(FromDate, ToDate);
  }
  else
  {
   alert('Both Date is required');
  }
 });

 $('#refresh').click(function(){
  $('#FromDate').val('');
  $('#ToDate').val('');
  load_data();
 });

 $(document).on("click", ".update", function(event){
 event.preventDefault();
 event.stopPropagation();
 var id = $(this).attr("data-id");
 $.ajax({  
    url: "{{ url('fetchPatientDetails') }}",
        method: "POST",
        data: {
            _token: '{{csrf_token()}}',
            id: id
        },
                dataType:"json",  
                success:function(data){  
                    console.log(data);
                     $('#id').val(data.id);
                     $('#MrdNo').val(data.MrdNo);
                     $('#Suffix').val(data.Suffix).attr("selected",true);
                     $('#Fname').val(data.Fname);  
                     $('#Mname').val(data.Mname);  
                     $('#Lname').val(data.Lname);
                     $('#Gender').val(data.Gender).attr("selected",true); 
                     $('#Dob').val(data.Dob); 
                     $('#Age').val(data.Age);
                     $('#Phone').val(data.Phone);  
                     $('#Phone2').val(data.Phone2); 
                     $('#Address').val(data.Address); 
                     $('#City').val(data.City).attr("selected",true); 
                     $('#State').val(data.State).attr("selected",true);  
                     $('#Consultant').val(data.Consultant).attr("selected",true);
                     $('#Fees').val(data.Fees);
                     $('#PayMode').val(data.PayMode).attr("selected",true);
                     $('#RefBy').val(data.RefBy);
                
                     $('#action').val('EditQueue'); 
                       $('#submit').text("Update");   
                       $('.insert_frm').modal('show');
                       $('.modal-title').html("Update <span class='font-weight-light'>Patient</span>"); 
                     
                }  
           });
});

$(document).on("click", ".delete", function(event) {
        event.preventDefault();
        var id = $(this).attr("data-id");
        var action = "delete";
        //alert(id);
        swal({
            title: "Are you sure?",
            text: "You will not be able to recover this Queue Record!",
            type: "warning",
            showCancelButton: true,
            confirmButtonClass: "btn-danger",
            confirmButtonText: "Yes, delete",
            cancelButtonText: "No, cancel",
            closeOnConfirm: false,
            closeOnCancel: false
        }, function(isConfirm) {
            if (isConfirm) {
                $.ajax({
                    url: "{{ url('deletPatient') }}",
                    method: "POST",
                    data: {
                        _token: '{{csrf_token()}}',
                        id: id
                    },
                    beforeSend:function(){
                $('.confirm').attr('disabled','disabled');
                $('.confirm').text('Please Wait...');
                },

                    success: function(data) {
                       
                        swal("Deleted!", "Record has been deleted.", "success");
                        //window.location.href = "/queuemanagement";
                        load_data();



                    }
                });

            } else {
                swal("Cancelled", "Record is safe :)", "error");
            }
        });


    });

    $('#validation-form').on('submit', function(e) {
        e.preventDefault();

        if ($('#validation-form').valid()) {
            $.ajax({
                url: "{{ url('saveQueue') }}",
                method: "POST",
                data: new FormData(this),
                contentType: false,
                processData: false,
                beforeSend:function(){
                $('#submit').attr('disabled','disabled');
                $('#submit').text('Please Wait...');
                },
                success: function(data) {
                    console.log(data);
                    $('#PatientId').val('');
                    $('#PatGender').val('');
                    $('#showpatient').html('');
                    $('.showoldfields').hide();
                    $('#MrdNo').val('');
                    $('#id').val('');
                    $('#PageVal').val('');
                    $('#Suffix').val('').attr("selected",true);
                    $('#Fname').val('');
                    $('#Mname').val('');
                    $('#Lname').val('');
                    $('#Gender').val('').attr("selected",true);
                    $('#Dob').val('');
                    $('#Age').val('');
                    $('#Phone').val('');
                    $('#Phone2').val('');
                    $('#City').val('');
                    $('#State').val('');
                    $('#Address').val('');
                    $('#Consultant').val('').attr("selected",true);
                    $('#Fees').val('');
                    $('#PayMode').val('').attr("selected",true);
                    $('#RefBy').val('');
          
                    //$('.yajra-datatable').DataTable().destroy();
                    //load_data();
                    $('#modal-report').modal('hide');
                    load_data();
                $('#submit').attr('disabled', false);
                $('#submit').text('Add');
                }
            });
        }  
    });  
// function load_data(FromDate = '', ToDate = '')
// {
//  $('.yajra-datatable').DataTable({
//         processing: true,
//         serverSide: true,
//         ajax: {
//             url: "{{ route('emp.listing') }}",
//             data: {FromDate: FromDate,ToDate:ToDate}
//         },
//         columns: [
//             {data: 'DT_RowIndex', name: 'DT_RowIndex'},
//             {data: 'MrdNo', name: 'MrdNo'},
//             {data: 'PatientName', name: 'PatientName'},
//             {data: 'Gender', name: 'Gender'},
//             {data: 'ConsultantName', name: 'ConsultantName'},
           
//             {data: 'Age', name: 'Age'},
//             {data: 'Fees', name: 'Amount'},
//             {
//                 data: 'action', 
//                 name: 'action', 
//                 orderable: true, 
//                 searchable: true
//             },
//         ]
//     });
// }

// $('#filter').click(function(){
//   var FromDate = $('#FromDate').val();
//   var ToDate = $('#ToDate').val();
//   if(FromDate != '' &&  ToDate != '')
//   {
//    $('.yajra-datatable').DataTable().destroy();
//    load_data(FromDate, ToDate);
//   }
//   else
//   {
//    alert('Both Date is required');
//   }
//  });

//  $('#refresh').click(function(){
//   $('#FromDate').val('');
//   $('#ToDate').val('');
//   $('.yajra-datatable').DataTable().destroy();
//   load_data();
//  });

});
</script>