@extends('branch.layouts.index',["without_card" => true])

@section('content')
<x-dashboard.form.form :action='route("branch.advertisements.store")'>
    <div class="col-12">
        <h4 class="mb-3">@lang('global.basic_information')</h4>
    </div>

    <div class="col-12">
        <div class="card text-left">
            <div class="card-body">
                <div class="row">
                    <x-dashboard.form.select :boolean="true" name="is_active" container-classes='col-12' />
                    <x-dashboard.form.file name="image[ar]" :title="__('validation.attributes.image') . ' ( ' . __('global.arabic') . ' )'" />
                    <x-dashboard.form.file name="image[en]" :title="__('validation.attributes.image') . ' ( ' . __('global.english') . ' )'" />
                    <x-dashboard.form.input name="title" :title="__('global.advertisement_title')" :help="__('messages.tooltips.advertisements.title')" />
                    <x-dashboard.form.input name="url" type='url' :title="__('global.advertisement_url')" :help="__('messages.tooltips.advertisements.url')" :required="false" />
                    <x-dashboard.form.select :data-array="$locations" :value-fn="fn($location) => $location['id']" :name-fn="fn($location) => $location['title']" name="locations" :title="__('global.location_of_advertisement')" :multiple="true" :ajax="false" class="has-all" />
                </div>
            </div>
        </div>
    </div>

    <div class="col-12">
        <h4 class="mb-3 mt-4">@lang('global.advertisement_settings')</h4>
    </div>

    <div class="col-12">
        <div class="card text-left">
            <div class="card-body">
                <div class="row">
                    <x-dashboard.form.input name="total_impressions" type='number' min='1' :required="false" :help="__('messages.tooltips.advertisements.total_impressions')" />
                    {{--
                    <x-dashboard.form.input name="impressions" type='number' min='1' :required="false" />
                    <x-dashboard.form.select name="impressions_type" :data-array="['daily', 'weekly', 'monthly', 'date']" :name-fn="fn($type) => __('global.impressions_types.'.$type)" :required="false" :ajax="false" />
                    <span class="impressions_date_container" style="display: contents">
                        <x-dashboard.form.input name="impressions_date" class="flatpickr" :required="false" />
                    </span> --}}
                    <x-dashboard.form.input name="start_date" class="flatpickrFromToday" />
                    <x-dashboard.form.input name="end_date" class="flatpickrFromToday" />
                </div>
            </div>
        </div>
    </div>

    <div class="col-12 mb-3 mt-4">
        <h4 class="mb-0">@lang('global.appearance_period')</h4>
        <small>@lang('messages.tooltips.advertisements.time')</small>
    </div>

    <div class="col-12">
        <div class="card text-left">
            <div class="card-body">
                <div class="row">
                    <x-dashboard.form.input name="start_time" type='time' :required="false" />
                    <x-dashboard.form.input name="end_time" type='time' :required="false" />
                </div>
            </div>
        </div>
    </div>

    <x-dashboard.form.button />
</x-dashboard.form.form>
@endsection