@extends('backend.layouts.app')

@section('breadcrumbs')
<x-backend-breadcrumbs>
    <x-backend-breadcrumb-item type="active" icon=''>@lang('adminLang.dates')</x-backend-breadcrumb-item>
</x-backend-breadcrumbs>
@endsection

@section('content')
<div class="card">
    <div class="card-body">

        <x-backend.section-header>
            <i class=""></i> @lang('adminLang.dates'): <b>{{ $tour->name }}</b> <small class="text-muted"></small>

            <x-slot name="subtitle">
                Dates
            </x-slot>
            <x-slot name="toolbar">
                <x-buttons.create route="{{ route('admin.date.create', [$tour->id]) }}" title="New" />
            </x-slot>
        </x-backend.section-header>

        <div class="row mt-4">
            <div class="col">
                <div class="float-end">
      <form method="get">
        <div class="search-form">
          <div class="row">

            <div class="col-6">
              
            </div>
    
            <div class="col-4">
              
            </div>
          </div>
          <input type="hidden" name="o" value="{{$o}}"></input>
        </div>
      </form>
    </div>
                <table id="datatable" class="table table-bordered table-hover table-responsive-sm">
                    <thead>
                      <tr>
                        <th>#</th>
                        <th>@lang('adminLang.status')</th>
                        <th>@lang('adminLang.name')</th>
                        <th>@lang('adminLang.start-date')</th>
                        <th>@lang('adminLang.finish-date')</th>
                        <th class="text-right">@lang('adminLang.actions')</th>
                      </tr>
                    </thead>

                    <tbody>
                      @if($records)
                        @foreach ($records as $record)
                          <tr>
                            <td>{{$record->id}}</td>
                            <td>@if($record->status) @lang('adminLang.published') @else @lang('adminLang.unpublished') @endif</td>
                            <td>{{$record->tour->name}}</td>
                            <td>{{$record->start_date->format('d/m/y')}}</td>
                            <td>{{$record->end_date->format('d/m/y')}}</td>
                            <td class="text-right">
                              <a href="{{ route($baseRoute . '.edit', [$record->id]) }} " class="btn btn-warning btn-sm">@lang('adminLang.edit')</a>
                              <a href="{{ route($baseRoute . '.delete', [$record->id]) }} " class="btn btn-danger btn-sm">@lang('adminLang.delete')</a>
                            </td>
                          </tr>
                        @endforeach
                        @endif
                  </tbody>
                </table>

                
                @if(count($records) == 0)
                <p>@lang('adminLang.not-found')</p>
                <a name="" id="" class="btn btn-success btn-sm" href="{{ route( $baseRoute . '.create', [$tour->id]) }}" role="button">@lang('adminLang.new')</a>
                @endif
            </div>
        </div>
    </div>
    <div class="card-footer">
        <div class="row">
            <div class="col-7">
                <div class="float-left">
                    
                </div>
            </div>
            <div class="col-5">
                <div class="float-end">
                    
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('css')
  <link href="{{asset('css/dataTables.bootstrap4.min.css')}}" rel="stylesheet">
@endpush

@push('scripts')
<script src="{{asset('js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('js/dataTables.bootstrap4.min.js')}}"></script>
  <script>
    $(document).ready(
      function(){ 
        $('#datatable').DataTable(); 
      });
  </script>
@endpush