@extends('backend.layouts.app')

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

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

        <x-backend.section-header>
            <i class=""></i> Tours <small class="text-muted"></small>

            <x-slot name="subtitle">
                
            </x-slot>
            <x-slot name="toolbar">
                <x-buttons.create route='{{ route("admin.tour.create") }}' title="{{__('New')}}" />
            </x-slot>
        </x-backend.section-header>

        <div class="row mt-4">
            <div class="col-6">
        <form method="POST" action="{{ route($baseRoute . '.update', ['tour' => $tour->id]) }}">
            {{csrf_field()}}
            <div class="row">
                <div class="col-6">
                    <div class="form-group">
                        <label for="status">@lang('adminLang.status')</label>
                        <select class="form-control" name="status" id="status">
                            <option value="1" @if($tour->status == 1) selected @endif >@lang('adminLang.published')</option>
                            <option value="0" @if($tour->status == 0) selected @endif >@lang('adminLang.unpublished')</option>
                        </select>
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-group">
                        <label for="name">@lang('adminLang.category')</label>
                        <select name="category_id" id="category_id" class="form-control">
                            <option value="0">...</option>
                            @isset($categories) 
                                @foreach ($categories as $category)
                                    <option value="{{$category->id}}" @if($tour->category_id == $category->id) selected @endif>{{$category->name}}</option>
                                @endforeach 
                            @endif
                        </select>
                    </div>
                </div>
                <div class="col-6"></div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="form-group">
                        <label for="name">@lang('adminLang.tour-name')</label>
                        <input type="text" class="form-control" id="name" name="name" value="{{$tour->name}}" autofocus required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="form-group">
                        <label for="name">Price/pax</label>
                        <input type="text" oninput="this.value = this.value.replace(/[^0-9.]/g, ''); this.value = this.value.replace(/(\..*)\./g, '$1');" class="form-control" id="price" name="price" value="{{$tour->price}}" autofocus required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="form-group">
                        <label for="slug">@lang('adminLang.tour-name-seo')</label>
                        <input type="text" class="form-control" id="slug" name="slug" value="{{$tour->slug}}">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="form-group">
                        <label for="summernote">@lang('adminLang.tour-desc-short') </label>
                        <textarea class="form-control" name="summary">{{ $tour->summary }}</textarea>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="form-group">
                        <label for="summernote">@lang('adminLang.tour-desc')</label>
                        <textarea class="form-control" name="description">{{ $tour->description }}</textarea>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">

                </div>
            </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 class="col-6">
        <h4>@lang('adminLang.photos')</h4>
        <div id="app">
            <photo-upload-component url="{{url('/')}}" record_id="{{$tour->id}}"></photo-upload-component>
            <input type="hidden" name="csrf-token" value="{{csrf_token()}}">
        </div>
    </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/jquery.dataTables.min.css')}}" rel="stylesheet">  --}}
  <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