@extends('admin.layouts.contentLayoutMaster')
@section('title','Package List')
@section('pagelevelcss')
<style type="text/css">
.disabled { pointer-events: none; cursor: default; }
.disabled i.material-icons.blue-text { color: #9e9e9e !important; }
</style>
@stop
@section('content')
<div class="section section-data-tables">
    <div class="row">          
      <div class="col s12 m12 l12">
        <a class="btn waves-effect waves-light breadcrumbs-btn right" href="">
            <i class="material-icons hide-on-med-and-up">settings</i>
            <span class="hide-on-small-onl">+</span>
        </a>
      </div>
    </div>
    <div class="card">
        <div class="card-content">            
            <table class="display list" id="page-length-option">
                <thead>
                    <tr>
                    <th width="10%">Patientname</th>
                    <th width="10%">Email</th>
                    <th width="10%">Contact</th>
                    <th width="10%">TestName</th>
                    <th width="10%">Price</th>
                    <th width="10%">AppointmentDate</th> 
                    <th width="10%">AppointmentTime</th> 
                     <th width="10%">Appointment status</th>
                     <th width="10%">Action</th>
                    
                     <!-- <td>Edit</td>
                     <td>Delete</td>     -->
                    </tr>
                </thead>
                <tbody>
                @foreach($getAppointment as $appoint)
                  <tr>  
                 
                 <td>{{$appoint->patientname}}</td>
                 <td>{{$appoint->email}}</td> 
                 <td>{{$appoint->contact}}</td> 
                 <td>{{$appoint->testname}}</td> 
                 <td>{{$appoint->price}}</td>
                 <td>{{$appoint->date}}</td> 
                 <td>{{$appoint->time}}</td> 
                 <td>{{$appoint->appointment_status	}}</td>
                 <td>
                 <a href="{{ route('Patient.Appointment.edit', ['id' => $appoint->id]) }}"><i class="material-icons blue-text" title="Edit">edit</i></a>     
                <a href="{{route('Patient.Appointment.View',['id' => $appoint->id])}}"><i class="material-icons blue-text" title="View">remove_red_eye</i></a>
                <a href="{{route('delete.patient.Appointment',['id'=>$appoint->id])}}"><i class="material-icons red-text">delete</i></a>
                 </td>
                 <!-- <td>
                  <a href="Patient.edit" class="btn btn-success">Edit</a> 
                 </td> -->
                   <!-- <td>
                  <a href="Patient.delete" class="btn btn-danger">Delete</a>  
                  </td> -->
                 <!-- </td> -->
                 </tr> 
                 @endforeach   
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
@section('pageleveljs')
<!-- <script type="text/javascript">
$(function () {
    var list = $('.list').DataTable({
        processing: true,
        serverSide: true,
        ordering: false,
        responsive:true,
        ajax: "{{ route('Patient.Appointment.list')}}",
        columns: [
            {data: 'test_id', name: 'test_id'},
            // {data: 'testname', name: 'testname'},
            // {data: 'price', name: 'price'},
            // {data: 'date', name: 'date'},
            // {data: 'time', name: 'time'},
            // {data: 'patientname', name: 'patientname'},
            // {data: 'email', name: 'email'},
            // {data: 'contact', name: 'contact'},
            // {data: 'appointment_status', name: 'appointment_status'},
        ]
    });
    $('body').on('click', '.category_enable', function (e) {
        var get_url = $(this).data("url");
        var enabletype = $(this).data("enabletype");
        if(enabletype == 0)
        {
            var text = "You want to deactivate this item!";
            var deletetxt = 'deactivate';
        }
        if(enabletype == 1)
        {
            var text = "You want to activate this item!";
            var deletetxt = 'activate';
        }
        swal({
                title: "Are you sure?",
                text: text,
                icon: 'warning',
                dangerMode: true,
                buttons: {
                    cancel: 'No, Please!',
                    delete: 'Yes, '+deletetxt+' It'
                }
            }).then(function (enable) {           
                if (enable) {
                    $.ajax({
                        type: "get",
                        url: get_url,
                        data: {},
                        success: function (data) {
                            swal(data.message, {
                                icon: "success",
                            });
                            var d_Table = $('.list').dataTable(); 
                            d_Table.api().ajax.reload();
                        },
                        error: function (data) {
                          swal({
                                title: 'Error',
                                icon: 'error'
                            });
                        }
                    });                    
                } else {
                }
            });
    });
});
</script> -->
@stop