@extends('backend-template')

@section('breadcrumbs')
    {!! show_breadcrumbs(['Banners' => url('profile/banner') , 'Create a booking for banner' => false]) !!}
@stop


@section('content')

    <div class="row">
        <h3 class="title">Create a booking</h3>

        <div class="gap gap-small"></div>


        <div class="b_admin_image">
            @include('blocks.banner-image')
        </div>
        <div class="gap"></div>
        <div class="col-md-9">
            @include('layouts/form_errors')
            {!! Form::open(array(   'url' => 'profile/booking/store',
                                    'class' => 'form-horizontal dialog-form',
                                    'autocomplete' => 'off')) !!}

            <div class="form-group">
                <label class="col-md-4 control-label required" for="ad_cat">Ads Category:</label>
                <div class="col-md-8">
                    {!! Form::select('ad_cat', $adsCats, 1,
                        ['id' => 'ad_cat',
                        'class' => 'form-control js_item_cats_by_ads_cats']) !!}
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-4 control-label" for="ad_cat">Items Category:</label>
                <div id="sel_items_cat" class="col-md-8">
                    {!! Form::select('item_cat', [null => 'All'], null,
                        ['id' => 'item_cat',
                        'class' => 'form-control']) !!}
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-4 control-label required" for="country_id">Country:</label>
                <div class="col-md-8">
                    @include('blocks.selectbox-countries', [
                       'countries' => $countries,
                       'name' => 'sel_country',
                       'placeholder' => 'All Countries'
                       ])
                </div>
            </div>

            <div id="region_wrapper" @if($regions == null)  style="display: none;" @endif class="form-group">
                <label class="col-md-4 control-label" for="state">State:</label>
                <div id="sel_region" class="col-md-8">
                    @if($regions != null)
                        {!! Form::select('region_id',
                                $regions, null,
                                ['id' => 'region_id', 'class' => 'form-control']) !!}
                    @endif
                </div>
            </div>
            <div class="row">
                <div class="col-md-offset-4 col-md-8">
                    <button id="show_booking_calendar" type="button" class="btn btn-primary btn-block">Show available dates
                    </button>
                </div>
            </div>
            {!! Form::close() !!}

            <div class="gap"></div>
            <div class="row">
                <p id="except_data"></p>
                <div id="frontend"></div>
            </div>
            <div class="gap"></div>
        </div>
    </div>

@stop

@section('js_files')
    <script src="{{  asset('js/libs/jquery-ui.js') }}"></script>
    <script src="{{  asset('js/libs/calendar/jquery.dop.Select.js') }}"></script>
    <script src="{{  asset('js/libs/calendar/dop-prototypes.js') }}"></script>
    <script src="{{  asset('js/libs/calendar/jquery.dop.BackendBookingCalendarPRO.js') }}"></script>
    <script src="{{  asset('js/libs/calendar/jquery.dop.FrontendBookingCalendarPRO.js') }}"></script>
@stop

@section('css_files')
    <link rel="stylesheet" href="{{ asset('/css/libs/calendar/jquery.dop.Select.css')}}">
    <link rel="stylesheet" href="{{ asset('/css/libs/calendar/jquery.dop.BackendBookingCalendarPRO.css')}}">
    <link rel="stylesheet" href="{{ asset('/css/libs/calendar/jquery.dop.FrontendBookingCalendarPRO.css')}}">
@stop

@section('js_functions')
    my_main.get_regions();
    my_main.get_item_cats_by_ads_cats();
    my_main.dataRange({{ $banner->id }});
@stop