@extends("layouts.admin.app")
@section("page-title")
{{__("delivery-schedule")}}
@endSection
@section("page-nav-title")
<div class="app-title">
    <div>
        <h1><i class="fa fa-dashboard"></i> {{__("delivery-schedule")}}</h1>
        <p>{{__("view-schedule")}}</p>
    </div>
    <ul class="app-breadcrumb breadcrumb">
        <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
        <li class="breadcrumb-item"><a href="{{route("admin.schedule.index")}}">{{__("delivery-schedule")}}</a></li>
        <li class="breadcrumb-item"><a href="#">{{__("View")}}</a></li>
    </ul>
</div>
@endsection


@section("content")
@include("includes.dialog")

<div class="row">
    <div class="col-md-12">
        <div class="tile">
            <div class="tile-body">
                <div class="table-responsive" id="purchase_order">
                    <table class="table table-hover table-bordered text-center" id="sampleTable">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>{{__("slot-duration")}}</th>
                                <th>{{__("waiting-duration")}}</th>
                                <th>{{__("date-from")}}</th>
                                <th>{{__("date-to")}}</th>
                                <th>{{__("Details")}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            
                            <tr>
                                <td>{{ $index++ }}</td>
                                <td>{{ $type->slot_duration }} {{ __('minutes') }}</td>
                                <td>{{ $type->waiting_duration  }} {{ __('minutes') }}</td>
                                <td>{{ $type->date_from }}</td>
                                <td>{{ $type->date_to }}</td>
                                <td style="text-align: center" data-toggle="collapse" data-target="#demo{{$index}}"><i id="icon{{$index}}" style="cursor: pointer; font-size: 20px; color: #eb1a27" class="fas fa-eye"></i>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="12" class="hiddenRow">
                                    <div class="accordian-body collapse" id="demo{{$index}}">
                                        <table class="display dataTable cell-border table">
                                            <thead>
                                                <tr>
                                                    <th style="font-size: 13px;text-align: center">#</th>
                                                    <th style="font-size: 13px;text-align: center">{{ __('day') }}</th>
                                                    <th style="font-size: 13px;text-align: center">{{ __('time-from') }}</th>
                                                    <th style="font-size: 13px;text-align: center">{{ __('time-to') }}</th>
                                                    <th style="font-size: 13px;text-align: center">{{ __('Details') }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>