@extends('service.layouts.index')

@section('content')

<x-dashboard.form.form :action='route("service.branches.store")' method="POST">
    <div class="col-12">
        <h4 class="mb-3">@lang('global.general_information')</h4>
    </div>
    <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') . ' )'" />
    <x-dashboard.form.textarea name="description[ar]" :required="false" :title="__('validation.attributes.description') . ' ( ' . __('global.arabic') . ' )'" />
    <x-dashboard.form.textarea name="description[en]" :required="false" :title="__('validation.attributes.description') . ' ( ' . __('global.english') . ' )'" />
    <x-dashboard.form.input name="responsible_name" :required="false" />
    <x-dashboard.form.input name="email" type='email' />
    <x-dashboard.form.select id="ajaxSelectBuildings" name="building" :required="false" />
    <x-dashboard.form.select id="ajaxSelectFloors" name="floor" :required="false" />
    <x-dashboard.form.input name="color" type="color" :value="service_admin()->service->color" />
    <x-dashboard.form.file name="logo" :value="service_admin()->service->logo()" />
    <x-dashboard.form.input name="link" type='url' :required="false" />

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

    <x-dashboard.form.input class="ltr" name="latitude" readonly :requried="false" :hidden="true" :tooltip="__('messages.tooltips.click_on_map_to_fill')" />
    <x-dashboard.form.input class="ltr" name="longitude" readonly :requried="false" :hidden="true" :tooltip="__('messages.tooltips.click_on_map_to_fill')" />

    <div class="col-12">
        <div class="form-group">
            <div class="col-12">
                <div id="map" style="height: 400px;"></div>
            </div>
        </div>
    </div>

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

@endsection