@extends('admin.layouts.contentLayoutMaster')
@section('title','Booking List')
@section('content')
<div class="section section-data-tables">
    <div class="row">
        <div class="col s12 m12 l12">
            <a class="btn dropdown-settings waves-effect waves-light breadcrumbs-btn right" href="#!" data-target="dropdown1"><i class="material-icons hide-on-med-and-up">settings</i><span class="hide-on-small-onl">Add Covid</span><i class="material-icons right">arrow_drop_down</i></a>
            <ul class="dropdown-content" id="dropdown1" tabindex="0">
                <li tabindex="0"><a class="grey-text text-darken-2" href="{{route('patient.create',['kittype'=>'pcr'])}}">RT-PCR</a></li>
                <li tabindex="0"><a class="grey-text text-darken-2" href="{{route('patient.create',['kittype'=>'lft'])}}">Rapid Antigen Test</a></li>
            </ul>
        </div>
    </div>
    <div class="card">
        <div class="col s12 mb-5">
            <ul class="tabs">
                <li class="col m2">
                    <a class="active" href="{{route('bookings.list')}}">Upcoming Appointments</a>
                </li>
                <li class="col m2">
                    <a class="active" href="{{route('bookings.list')}}">Submitted Tests</a>
                </li>
                <li class="col m2">
                    <a class="active" href="{{route('bookings.list')}}">Completed</a>
                </li>
            </ul>
        </div>
        <div class="card-content">            
            <table class="display list" id="page-length-option">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Phone</th>
                        <th>Test Type</th>
                        <th>Appointment Date</th>
                        <th>Appointment Time</th>
                        <th>Action</th>                      
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>
<!-- Modal Trigger -->  
<div id="modal1" class="modal">
    <div class="modal-header">
        <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat right"><i class="material-icons grey-text">clear</i></a>
    </div>
    <div class="modal-content">
        <h4>Test Result</h4>
        <a href="javascript:;" data-url="{{route('patient.result')}}" data-result="1" class="waves-effect waves-light  btn #4caf50 green resultbtn">Negative</a>
        <a href="javascript:;" data-url="{{route('patient.result')}}" data-result="2" class="waves-effect waves-light  btn #f44336 red resultbtn">Positive</a>
        <a href="javascript:;" data-url="{{route('patient.result')}}" data-result="3" class="waves-effect waves-light  btn #9e9e9e grey resultbtn">InConclusive</a>
    </div>
</div>
@endsection
@section('pageleveljs')
<script src="{{asset('backend/js/advance-ui-modals.js')}}"></script>
<script type="text/javascript">
$(function () {
    var list = $('.list').DataTable({
        processing: true,
        serverSide: true,
        ordering: false,
        responsive:true,
        ajax: "{{ route('bookings.list') }}",
        columns: [
            {data: 'name', name: 'name'},
            {data: 'email', name: 'email'},
            {data: 'phone', name: 'phone'},
            {data: 'kittype', name: 'kittype'},
            {data: 'appointment_date', name: 'appointment_date'},
            {data: 'appointment_time', name: 'appointment_time'},
            {data: 'action', name: 'action'},
        ]
    });   
    $('body').on('click', '.warning-delete', function (e) {
        var get_url = $(this).data("url");
        swal({
                title: "Are you sure?",
                text: "You will not be able to recover this order!",
                icon: 'warning',
                dangerMode: true,
                buttons: {
                    cancel: 'No, Please!',
                    delete: 'Yes, Delete It'
                }
            }).then(function (willDelete) {                
                if (willDelete) {
                    $.ajax({
                        type: "delete",
                        url: get_url,
                        data: {"_token": "{{ csrf_token() }}"},
                        success: function (data) {
                            swal("Your order has been deleted!", {
                                icon: "success",
                            });
                            var d_Table = $('.list').dataTable(); 
                            d_Table.api().ajax.reload();
                        },
                        error: function (data) {
                          swal({
                                title: 'Error',
                                icon: 'error'
                            });
                        }
                    });                    
                } else {
                   swal("Your order has not been deleted!", {
                        icon: "success",
                    });
                }
            });
    });
    $('body').on('click', '#result_modal', function (e) {
        var id = $(this).data('id');
        $('.resultbtn').attr("data-id",id);
         $('#modal1').modal('open');
    });
    $('body').on('click', '.resultbtn', function (e) {
        var get_url = $(this).data("url");
        var get_id = $(this).data("id");
        var get_result = $(this).data("result");
        swal({
                title: "",
                text: "You want to generate result?",
                icon: 'warning',
                dangerMode: true,
                buttons: {
                    cancel: 'No',
                    delete: 'Yes'
                }
            }).then(function (willDelete) {                
                if (willDelete) {
                    $.ajax({
                        type: "post",
                        url: get_url,
                        data: {"result":get_result,"orderid":get_id,"_token": "{{ csrf_token() }}"},
                        success: function (data) {
                            $('#modal1').modal('close');
                            swal("Result generated successfully!", {
                                icon: "success",
                            });
                            var d_Table = $('.list').dataTable(); 
                            d_Table.api().ajax.reload();
                        },
                        error: function (data) {
                          swal({
                                title: 'Error',
                                icon: 'error'
                            });
                        }
                    });                    
                } else {
                   swal("Your order has not been deleted!", {
                        icon: "success",
                    });
                }
            });
    });
    $('body').on('click', '.send-certi', function (e) {
        var get_url = $(this).data("url");
        var get_id = $(this).data("id");
        swal({
                title: "Are you sure?",
                text: "",
                icon: 'warning',
                dangerMode: true,
                buttons: {
                    cancel: 'No',
                    delete: 'Yes'
                }
            }).then(function (willDelete) {                
                if (willDelete) {
                    $.ajax({
                        type: "post",
                        url: get_url,
                        data: {"id":get_id,"_token": "{{ csrf_token() }}"},
                        success: function (data) {
                            swal("Certificate has been sent successfully!", {
                                icon: "success",
                            });
                            var d_Table = $('.list').dataTable(); 
                            d_Table.api().ajax.reload();
                        },
                        error: function (data) {
                          swal({
                                title: 'Error',
                                icon: 'error'
                            });
                        }
                    });                    
                } else {
                   swal("Certificate has not been sent!", {
                        icon: "success",
                    });
                }
            });
    });
    // bookings
    $('body').on('click', '.send-email', function (e) {
        var get_url = $(this).data("url");
        var get_id = $(this).data("id");
        swal({
                title: "Are you sure?",
                text: "Would you like to send an email?",
                icon: 'warning',
                dangerMode: true,
                buttons: {
                    cancel: 'No',
                    delete: 'Yes'
                }
            }).then(function (willDelete) {                
                if (willDelete) {
                    $.ajax({
                        type: "post",
                        url: get_url,
                        data: {"id":get_id,"_token": "{{ csrf_token() }}"},
                        success: function (data) {
                            swal("Email has been sent successfully!", {
                                icon: "success",
                            });
                            var d_Table = $('.list').dataTable(); 
                            d_Table.api().ajax.reload();
                        },
                        error: function (data) {
                          swal({
                                title: 'Error',
                                icon: 'error'
                            });
                        }
                    });                    
                } else {
                   swal("Email has not been sent!", {
                        icon: "success",
                    });
                }
            });
    });
});
</script>
@stop