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

@section('content')
    @if ($can_add)
        <x-dashboard.form.form :action="route('company.employees.store')" method="POST">

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

            <x-dashboard.form.input name="name[ar]" :title="__('validation.attributes.name') . ' ( ' . __('global.arabic') . ' )'" />

            <x-dashboard.form.input name="name[en]" :title="__('validation.attributes.name') . ' ( ' . __('global.english') . ' )'" />

            <x-dashboard.form.input name="position[ar]" :title="__('validation.attributes.position') . ' ( ' . __('global.arabic') . ' )'" />

            <x-dashboard.form.input name="position[en]" :title="__('validation.attributes.position') . ' ( ' . __('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="email" type='email' :required="true" />

            <x-dashboard.form.input name="phone" :required="true" class="intl-tel-input" />

            <x-dashboard.form.select name="branch" :required="false" id="ajaxSelectBranchesInRestaurant" />

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

            <x-dashboard.form.input name="whatsapp" :title="__('validation.attributes.whatsapp')" :required="false" />

            <x-dashboard.form.input name="telegram" :title="__('validation.attributes.telegram')" :required="false" />

            <x-dashboard.form.input name="twitter" :title="__('validation.attributes.twitter')" :required="false" />

            <x-dashboard.form.input name="facebook" :title="__('validation.attributes.facebook')" :required="false" />

            <x-dashboard.form.input name="instagram" :title="__('validation.attributes.instagram')" :required="false" />

            <x-dashboard.form.input name="linkedin" :title="__('validation.attributes.linkedin')" :required="false" />

            <x-dashboard.form.input name="youtube" :title="__('validation.attributes.youtube')" :required="false" />

            <x-dashboard.form.input name="snapchat" :title="__('validation.attributes.snapchat')" :required="false" />

            <x-dashboard.form.button />
        </x-dashboard.form.form>
    @else
        <x-bootstrap.alert type="info" :messages="__('messages.info.branches.must_add_menus')" />
    @endif
@endsection