@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.tour') @lang('adminLang.edit') <small class="text-muted"></small>

            <x-slot name="subtitle">
                Dates
            </x-slot>
            <x-slot name="toolbar">
                
            </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>
          
        </div>
      </form>
    </div>
                

            <form method="POST" action="{{ route($baseRoute . '.update', [$date->id]) }}">
                {{csrf_field()}}
                <div class="form-group" style="width: 50%">
                  <label for="status">@lang('adminLang.status')</label>
                  <select class="form-control" name="status" id="status">
                    <option value="1" @if($date->status == 1) selected @endif >@lang('adminLang.published')</option>
                    <option value="0" @if($date->status == 1) selected @endif>@lang('adminLang.unpublished')</option>
                  </select>
                </div>
                <div class="form-group">
                    <label for="name">@lang('adminLang.tour-name')</label>
                    <p>
                      <b>{{ $date->tour->name }}</b>
                    </p>
                </div>
                <div class="form-group">
                    <label for="slug">@lang('adminLang.start-date')</label>
                    <p>
                      {{ $date->start_date->format('d.M.Y') }}
                    </p>
                </div>
                <div class="form-group">
                    <label for="slug">@lang('adminLang.finish-date')</label>
                    <p>
                      {{ $date->end_date->format('d.M.Y') }}
                    </p>
                </div>
                <div class="form-group">
                  <label for="min-participant">@lang('adminLang.mix-pax')</label>
                <input type="number" name="min_pax" id="min_pax" class="form-control" value="{{ $date->min_pax }}">
                </div>
                <div class="form-group">
                  <label for="max-participant">@lang('adminLang.max-pax')</label>
                  <input type="number" name="max_pax" id="max_pax" class="form-control" value="{{ $date->max_pax }}">
                </div>
                <div class="form-group">
                  <label for="currency">@lang('adminLang.currency')</label>
                  <select class="form-control" name="currency" id="currency">
                    <option value="BIF" @if($date->currency == "BIF") selected @endif >BIF</option>
                    <option value="USD" @if($date->currency == "USD") selected @endif >USD</option>
                    <option value="EUR" @if($date->currency == "EUR") selected @endif >EUR</option>
                  </select>
                </div> 
                <div class="form-group">
                  <label for="price">@lang('adminLang.price')</label>
                  <input type="number" name="price" id="price" class="form-control" value="{{ $date->price }}">
                </div>
                <button type="submit" class="btn btn-primary">@lang('adminLang.save')</button>
                <a href="{{ url()->previous() }}" class="btn btn-secondary">@lang('adminLang.cancel')</a>
                <input type="hidden" name="previous" value="{{ url()->previous() }}">
            </form>
  

            </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