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

@section('content')
    <x-dashboard.form.form :action="route('admin.marketers.qrs.store', ['marketer' => $marketer->id])">
        <div class="col-12">
            <h4 class="mb-3">@lang('global.general_information')</h4>
        </div>

        <div class="col-12">
            <div class="card text-left">
                <div class="card-body">
                    <div class="row">
                        <x-dashboard.form.select name="is_active" :boolean="true" container-classes="col-12" />
                        <x-dashboard.form.input name="title[ar]" :title="__('validation.attributes.title') . ' ( ' . __('global.arabic') . ' )'" />
                        <x-dashboard.form.input name="title[en]" :title="__('validation.attributes.title') . ' ( ' . __('global.english') . ' )'" />
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12">
            <h4 class="my-3">@lang('global.design')</h4>
        </div>

        <div class="col-12">
            <div class="card text-left">
                <div class="card-body">
                    <div class="row">
                        <x-dashboard.form.input name="size" type='number' :value="250" />
                        <x-dashboard.form.select name="style" :data-array="['square', 'dot', 'round']" :name-fn="fn($style) => __('global.qr_styles.' . $style)" :ajax="false" />
                        <x-dashboard.form.select name="eye" :data-array="['square', 'circle']" :name-fn="fn($eye) => __('global.qr_eyes.' . $eye)" :ajax="false" />
                        <x-dashboard.form.file name="logo" :required="false" />
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12">
            <h4 class="my-3">@lang('global.link_information')</h4>
        </div>

        <div class="col-12">
            <div class="card text-left">
                <div class="card-body">
                    <div class="row">
                        <x-dashboard.form.select name="link_type" id="loyaltyQrlinkType" :data-array="['link', 'store']" :name-fn="fn($type) => __('global.loyalty_qr_types.' . $type)" :ajax="false" container-classes="col-12" />

                        {{-- URL --}}
                        <x-dashboard.form.input name="link" type='url' :required="false" />

                        {{-- Store --}}
                        <x-dashboard.form.select class="ajaxSelectMalls" name="mall" :required="false" :with-all="true" />
                        <x-dashboard.form.select class="ajaxSelectBranches" name="branch" :required="false" :with-all="true" />
                        <x-dashboard.form.select class="ajaxSelectStores" name="store" data-type="stores" data-with-spas-charities="1" :required="false" :with-all="true" />
                    </div>
                </div>
            </div>
        </div>
        <x-dashboard.form.button />
    </x-dashboard.form.form>
@endsection