@extends('admin.layouts.app')
@section('content')

<div class="nk-block-head nk-block-head-sm">
    <div class="nk-block-between">
        <div class="nk-block-head-content">
            <h3 class="nk-block-title page-title">{{ $section->title }}</h3>
            <div class="nk-block-des text-soft">
            </div>
        </div><!-- .nk-block-head-content -->
        <div class="nk-block-head-content">
            <div class="toggle-wrap nk-block-tools-toggle">
                <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1" data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                <div class="toggle-expand-content" data-content="pageMenu">
                    <ul class="nk-block-tools g-3">
                        <li class="nk-block-tools-opt">
                            <div class="drodown">
                                <a href="{{ route($section->route) }}" class="btn btn-icon btn-primary"><em class="icon ni ni-plus"></em></a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div><!-- .toggle-wrap -->
        </div><!-- .nk-block-head-content -->
    </div><!-- .nk-block-between -->
</div><!-- .nk-block-head -->


<div class="components-preview table-bordered   mx-auto">

    <div class="nk-block nk-block-lg">
        <div class="card card-preview">
            <div class="card-inner">
                <table class="datatable-init nowrap table">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>Appointment Date</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                    </thead>

                    
                    <tbody>
                    @if( $appointments )
                        @foreach( $appointments as $result )
                        
                            <tr id="rowID-{{ $result->id }}">
                                <td>{{$result->id }}</td>
                                <!-- <td><img src="{{-- asset('assets/admin/stores/'.$result->store_image) --}}" width="100px" height="50px"></td> -->
                                <td>{{ucfirst($result->appointment_date)}}</td>
                                
                                <td>
                                    <ul class="preview-list">
                                    @if($result->status == 1)
                                        <li class="preview-item"><span class="badge bg-success">Active</span></li>

                                        @else
                                        <li class="preview-item"><span class="badge bg-danger">Inactive</span></li>
                                        @endif
                                    </ul>
                                </td>
                                <td>
                                    @php $prodID = Crypt::encrypt($result->id); @endphp
                                    <div class="btn-group " role="group" aria-label="Basic example">
                                        <a class="btn btn-dim btn-primary" href='{{ route('appointment.edit',$result->id) }}'><em class="icon ni ni-edit"></em></a>
                                    </div>
                                    <div class="btn-group" role="group" aria-label="Basic example">
                                        {{ Form::open(['route' => ['appointment.destroy', $result->id], 'method' => 'delete']) }}
                                        {{ Form::button('<i class="icon ni ni-trash-fill"></i>', [ 'type' => 'submit', 'class' => 'btn btn-dim btn-danger']) }}
                                        {{ Form::close() }}
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                </table>
            </div>
        </div><!-- .card-preview -->
    </div> <!-- nk-block -->
</div><!-- .components-preview -->





@endsection