@extends('layouts.back-end.app')

@section('title', translate('Prescriptions'))

@section('content')
    <div class="content container-fluid">
        <div class="mb-3">
            <h2 class="h1 mb-0 text-capitalize d-flex align-items-center gap-2">
                <img src="{{dynamicAsset(path: 'assets/back-end/img/coupon_setup.png')}}" alt="">
                {{translate('Prescriptions')}}
            </h2>
        </div>


        <div class="row mt-20">
            <div class="col-md-12">
                <div class="card">
                    <div class="table-responsive">
                        <table id="datatable"
                               class="table table-hover table-borderless table-thead-bordered table-nowrap table-align-middle card-table {{ Session::get('direction') === 'rtl' ? 'text-right' : 'text-left' }}">
                            <thead class="thead-light thead-50 text-capitalize">
                            <tr>
                                <th>{{translate('SL')}}</th>
                                <th>{{translate('Customer')}}</th>
                                <th>{{translate('Prescription Image')}}</th>
                                <th>{{translate('Status')}}</th>
                                <th class="text-start">{{translate('action')}}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($prescriptions as $key => $prescription )
                                <tr class="parent_row">
                                    <td>{{ $key + 1 }}</td>
                                    <td class="text-capitalize">
                                        <a href="{{route('admin.customer.view', $prescription->user_id)}}"
                                        class="media align-items-center gap-2">
                                            {{$prescription->customer['name']}}
                                        </a>
                                    </td>
                                    <td>
                                        <a href="{{ asset('storage/prescriptions'). '/' .$prescription->file }}" target="_blank"
                                           class="media align-items-center gap-2">
                                            <img src="{{asset('storage/prescriptions'). '/' .$prescription->file}}"
                                                 class="avatar border" alt="">
                                        </a>

                                    </td>
                                    <td>
                                        @if($prescription->order != null)
                                            <span class="badge badge-success bold">
                                                {{translate('Disbursed')}}
                                            </span>
                                        @else
                                            <span class="badge badge-danger bold">
                                                {{translate('Waiting')}}
                                            </span>
                                        @endif

                                    </td>
                                    <td class="d-flex align-items-center gap-1">
                                        @if($prescription->order == null)
                                            <a class="btn btn-outline--primary btn-sm edit w-auto"
                                               href="{{route('admin.pos.index', ['prescription' => $prescription->id])}}"
                                               title="{{ translate('edit')}}">
                                                {{translate('Dispensing')}}
                                            </a>
                                        @else
                                            <a class="btn btn-outline--success btn-sm edit w-auto"
                                               href="{{route('admin.orders.details', $prescription->order->id)}}"
                                               title="{{ translate('Show Order Details')}}">
                                                {{translate('Order Details')}}
                                            </a>
                                        @endif


                                        <button type="button" data-url="{{route('admin.prescription.destroy',['prescription'=>$prescription->id])}}" id="service_item_{{$prescription->id}}"
                                                data-item-id="{{ $prescription->id }}"
                                                class="btn btn-outline-danger btn-sm square-btn text-center  delete-category" onclick="fireDeleteModal(this)"
                                                data-toggle="modal"
                                                data-target="#new_delete_modal">
                                            <i class="tio-delete"></i>
                                        </button>

                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        <div class="modal fade" id="quick-view" tabindex="-1" role="dialog"
                             aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered coupon-details" role="document">
                                <div class="modal-content" id="quick-view-modal">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="table-responsive mt-4">
                        <div class="px-4 d-flex justify-content-lg-end">
                            {{$prescriptions->links()}}
                        </div>
                    </div>

                    @if(count($prescriptions)==0)
                        @include('layouts.back-end._empty-state',['text'=>'no_coupon_found'],['image'=>'default'])
                    @endif
                </div>
            </div>
        </div>
    </div>

    <span id="coupon-bearer-url" data-url="{{route('admin.coupon.ajax-get-vendor')}}"></span>
    <span id="get-detail-url" data-url="{{ route('admin.coupon.quick-view-details') }}"></span>
@endsection

@push('script')
    <script src="{{dynamicAsset(path: 'assets/back-end/js/admin/coupon.js')}}"></script>
    <script !src="">
        let first_id = $("#first_id");
        first_id.select2();
        let second_id = $("#second_id");
        second_id.select2();
    </script>
@endpush
@include('admin-views.category.includes.script')