@extends('backend.layouts.app')

@section('breadcrumbs')
<x-backend-breadcrumbs>
    <x-backend-breadcrumb-item type="active" icon=''>@lang('adminLang.date') @lang('adminLang.create')</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.date') @lang('adminLang.create')</b> <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">

    </div>


    <form method="POST" action="{{ route($baseRoute . '.store', [$tour->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">@lang('adminLang.published')</option>
                    <option value="0">@lang('adminLang.unpublished')</option>
                  </select>
                </div>
                <div class="form-group">
                    <label for="name">@lang('adminLang.tour-name')</label>
                    <p>{{ $tour->name }}</p>
                </div>
                <div class="form-group">
                    <label for="slug">@lang('adminLang.start-date')</label>
                    <input type="date" name="start_date" class="form-control">
                </div>
                <div class="form-group">
                    <label for="summernote">@lang('adminLang.finish-date') </label>
                    <input type="date" name="end_date" class="form-control">
                </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">
                </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">
                </div>
                <div class="form-group">
                  <label for="currency">@lang('adminLang.currency')</label>
                  <select class="form-control" name="currency" id="currency">
                    <option value="BIF">BIF</option>
                    <option value="USD">USD</option>
                    <option value="EUR">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">
                </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