@extends('dashboard.layouts.index', ['breadcrumb' => ['main' => 'global.employees','sub' => "global.employees"]])

@section('content')
    <form class="form" id="form" enctype="multipart/form-data" action="{{route("dashboard.users.employee.store")}}"
          novalidate method="POST">
        @csrf
        <div class="page-box p-30 mb-30">
            <div class="text-color-blue font-size-25 font-weight-bold mb-30">Basic Details</div>
            <div class="row">
                @component('dashboard.components.edit_text' , [
                                     "name" => "first_name",
                                     "type" => "text",
                                     "title" => __("global.first_name"),
                                     "classlable" =>" required ",
                                     "col" => "col-6"
                                 ])
                @endcomponent

                @component('dashboard.components.edit_text' , [
                "name" => "last_name",
                "type" => "text",
                "title" => __("global.last_name"),
                "classlable" =>" required ",
                "col" => "col-6"
                ])
                @endcomponent

                @component('dashboard.components.edit_text' , [
                "name" => "phone_number",
                "type" => "text",
                "title" => "+962",
                "classlable" =>"required ",
                "col" => "col-4"
                ])
                @endcomponent

                @component('dashboard.components.edit_text' , [
                "name" => "email",
                "type" => "email",
                "title" => __("global.email"),
                "classlable" =>"required ",
                "col" => "col-md-4"
                ])
                @endcomponent
                <div class="col-md-4">
                    @component('dashboard.components.edit_image',[
                        'hide_default' => true,
                        'name' => 'image',
                        'placeholder' => __('global.personal_photo') ,
                    ])
                    @endcomponent
                </div>

                @component('dashboard.components.edit_text' , [
                                "name" => "national_number",
                                "type" => "text",
                                "title" => __("global.national_number"),
                                "col" => "col-md-4"
                            ])
                @endcomponent

                @component('dashboard.components.edit_text' , [
                "name" => "passport_number",
                "type" => "text",
                "title" => __("global.passport_number"),
                "col" => "col-md-4"
                ])
                @endcomponent

                <div class="col-md-4">
                    @component('dashboard.components.edit_image',[
                        'hide_default' => true,
                        'name' => 'identity_passport',
                        'placeholder' => __('global.identity_passport') ,
                    ])
                    @endcomponent
                </div>

                <div class="custom-dropdown form-group col-md-4">

                    <i class="fa fa-chevron-down"></i>
                    <select name="national" class="form-control text-muted" aria-label=".form-select-sm example">
                        <option>{{__('global.nationality')}}</option>
                        @foreach(\App\Models\User::NATIONALITIES as $key => $value)
                            <option value={{ $key }}> {{$value}}</option>
                        @endforeach
                    </select>
                </div>

                <div class="custom-dropdown form-group col-md-4">
                    <i class="fa fa-chevron-down"></i>
                    <select name="gender" class="form-control text-muted" aria-label=".form-select-sm example">
                        <option value='male'>{{__('global.gender')}}</option>
                        <option value='female'> {{__('global.female')}} </option>
                        <option value='male'> {{__('global.male')}} </option>
                    </select>
                </div>

                @component('dashboard.components.edit_text' , [
                  "name" => "date_of_birth",
                  "type" => "date",
                  "title" => __("global.date_of_birth"),
                  "col" => "col-md-4"
              ])
                @endcomponent

                <div class="custom-dropdown form-group col-md-4">
                    <i class="fa fa-chevron-down"></i>
                    <select name="social_status" class="form-control" aria-label=".form-select-sm example">
                        <option value="{{ App\Models\User::UNMARRIED }}">{{__('global.marital_status')}}</option>
                        <option
                            value="{{ App\Models\User::UNMARRIED }}">{{ ucfirst(App\Models\User::UNMARRIED) }}</option>
                        <option
                            value="{{ App\Models\User::ABSOLUTE }}">{{ ucfirst(App\Models\User::ABSOLUTE) }}</option>
                        <option value="{{ App\Models\User::WIDOWER }}">{{ ucfirst(App\Models\User::WIDOWER) }}</option>
                        <option value="{{ App\Models\User::MARRIED }}">{{ ucfirst(App\Models\User::MARRIED) }}</option>
                    </select>
                </div>

                @component('dashboard.components.edit_text' , [
                           "name" => "address",
                           "type" => "text",
                           "title" => __("global.address"),
                           "col" => "col-md-4"
                       ])
                @endcomponent

                <div class="custom-dropdown form-group col-md-4">
                    <i class="fa fa-chevron-down"></i>
                    <select name="educational_level" class="form-control text-muted"
                            aria-label=".form-select-sm example">
                        <option value="high-school">{{__('global.educational_level')}}</option>
                        <option value="high-school">High School</option>
                        <option value="associate-degree">Associate Degree</option>
                        <option value="bachelor-degree">Bachelor's Degree</option>
                        <option value="master-degree">Master's Degree</option>
                        <option value="doctorate-degree">Doctorate (Ph.D.)</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="page-box p-30 mb-30">
            <div class="text-color-blue font-size-25 font-weight-bold mb-30">Employment Details</div>
            <div class="row">

                @component('dashboard.components.edit_drobdrown' , [
                         "name" => "company_id",
                         "type" => "text",
                         "title" => __("global.company"),
                         "classlable" =>"required ",
                         'col' => 'col-md-6',
                         "model"=> $companies
                     ])
                @endcomponent

                <div class="custom-dropdown form-group col-md-6">
                    <i class="fa fa-chevron-down"></i>
                    <select name="debartment_idaaa" class="form-control text-muted"
                            aria-label=".form-select-sm example">
                        <option>{{__('global.department')}}</option>

                        @for ($branches = 1; $branches<=4; $branches++)
                            <option value={{ $branches }}> Department {{ $branches }}</option>
                        @endfor
                    </select>
                </div>


                @component('dashboard.components.edit_text' , [
                  "name" => "job_title",
                  "type" => "text",
                  "title" => __("global.job_title"),
                  "col" => "col-md-6"
              ])
                @endcomponent

                @component('dashboard.components.edit_text' , [
                "name" => "start_date",
                "type" => "date",
                "title" => __("global.start_day"),
                "col" => "col-md-6"
                ])
                @endcomponent

            </div>
        </div>
        <div class="page-box p-30 mb-30">
            <div class="text-color-blue font-size-25 font-weight-bold mb-30">Employment Details</div>
            <div class="row">
                <div class="custom-dropdown form-group col-md-6">
                    <i class="fa fa-chevron-down"></i>
                    <select name="methods" class="form-control text-muted" aria-label=".form-select-sm example">
                        <option
                            value={{ \App\Models\Payroll\Payroll::METHOD_CASH }}>{{__('global.payment_method')}}</option>
                        <option value={{ \App\Models\Payroll\Payroll::METHOD_CASH }}> Cash</option>
                        <option value={{App\Models\Payroll\Payroll::METHOD_CREDIT}}> Credit</option>
                        <option value={{ \App\Models\Payroll\Payroll::METHOD_BANK_TRANSFER }}> Bank transfer</option>
                    </select>
                </div>

                @component('dashboard.components.edit_text' , [
                     "name" => "num_socialsecurity",
                     "type" => "text",
                     "title" => __("global.social_security"),
                     "classlable" =>" required ",
                     "col" => "col-6"
                     ])
                @endcomponent
                @component('dashboard.components.edit_text' , [
                            "name" => "iban",
                            "type" => "text",
                            "title" => __("global.iban"),
                            "col" => "col-md-6"
                        ])
                @endcomponent
                @component('dashboard.components.edit_text' , [
                "name" => "amount",
                "type" => "text",
                "title" => __("global.salary"),
                "col" => "col-md-6"
                ])
                @endcomponent





                @component('dashboard.components.edit_text' , [
                "name" => "tax_number",
                "type" => "text",
                "title" => __("global.tax_number"),
                "col" => "col-md-6"
                ])
                @endcomponent



                @component('dashboard.components.edit_text' , [
                "name" => "tax_rate",
                "type" => "text",
                "title" => __("global.tax_rate"),
                "col" => "col-md-6"
                ])
                @endcomponent

                @component('dashboard.components.edit_text' , [
                 "name" => "health_insurance",
                 "type" => "text",
                 "title" => __("global.health_insurance"),
                 "col" => "col-md-3"
                 ])
                @endcomponent

                @component('dashboard.components.edit_text' , [
                    "name" => "commission",
                    "type" => "text",
                    "title" => __("global.commission"),
                    "col" => "col-md-3"
                    ])
                @endcomponent

                @component('dashboard.components.edit_text' , [
                 "name" => "transport_allowances",
                 "type" => "text",
                 "title" => __("global.transport_allowances"),
                 "col" => "col-md-3"
                 ])
                @endcomponent

                @component('dashboard.components.edit_text' , [
                "name" => "phone_allowances",
                "type" => "text",
                "title" => __("global.phone_allowances"),
                "col" => "col-md-3"
                ])
                @endcomponent


            </div>
        </div>

        <div class="row mb-30">
            <div class="col-12">
                <div class="add-submit d-flex justify-content-center w-100 text-center">
                    <button>@lang("global.add_employee")</button>
                </div>
            </div>
        </div>
    </form>
@stop