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

@section('content')
<style>
    .required:after {
      content:" *";
      color: red;
    }
  </style>
{{-- @dd($model2) --}}
<form class="form" id="form" enctype="multipart/form-data" action="{{route("dashboard.users.employee.store")}}"
              novalidate
              method="POST">
            @csrf
            <div class="row">
                <div class="col-sm-12 col-md-4">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">@lang('global.avatar')</h4>
                        </div>
                        <div class="card-content">
                            <div class="card-body">
                                @component('dashboard.components.edit_image' )
                                @endcomponent

                            </div>
                            <div class="card-header">
                                <h4>@lang("global.user_information")</h4>
                            </div>


                            @component('dashboard.components.edit_text' , [
                                "name" => "workplace",
                                "type" => "text",
                                "title" => __("global.workplace"),

                                "col" => "col-md-10"
                            ])
                        @endcomponent

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

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


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

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


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


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



        <div class="form-group row mb-4">
            <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">@lang("global.Marital_status")</label>
            <div class="col-sm-12 col-md-7">
                <div class="selectgroup w-100">
                    <select name="social_status" class="form-control"  aria-label=".form-select-sm example">
                        {{-- <option selected>Open this select menu</option> --}}
                        <option value="{{ App\Models\User::UNMARRIED }}">Single</option>
                        <option value="{{ App\Models\User::ABSOLUTE }}">{{ App\Models\User::ABSOLUTE }}</option>
                        <option value="{{ App\Models\User::WIDOWER }}">{{ App\Models\User::WIDOWER }}</option>
                        <option value="{{ App\Models\User::MARRIED }}">{{ App\Models\User::MARRIED }}</option>
                    </select>
                </div>
            </div>
        </div>



                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-8">
                    <div class="card">
                        <form>
                            <div class="card-header">
                                <h4>@lang("global.informationemployee")</h4>
                            </div>
                            <div class="card-body">
                                @component('dashboard.components.edit_text' , [
                                        "name" => "name",
                                        "type" => "text",
                                        "title" => __("global.name"),
                                        "classlable" =>"required ",
                                        "col" => "col-md-10"
                                    ])
                                @endcomponent


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

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

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

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

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

                                @component('dashboard.components.edit_drobdrown' , [
                                    "name" => "debartment_id",
                                    "type" => "text",
                                    "title" => __("global.debartmentor"),
                                    "classlable" =>"required ",
                                    "col" => "col-md-10",
                                    "model"=>$model2
                                ])
                                @endcomponent


                                @component('dashboard.components.edit_drobdrown_title' , [
                                    "name" => "lip_id",
                                    "type" => "text",
                                    "title" => __("global.lip"),
                                    "classlable" =>"required ",
                                    "col" => "col-md-10",
                                    "model"=>$model3
                                ])
                                @endcomponent

                            @component('dashboard.components.edit_text' , [
                                "name" => "age",
                                "type" => "number",
                                "title" => __("global.age"),
                                "col" => "col-md-10",

                            ])
                        @endcomponent


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

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

                       <div class="card-header">
                        <h4>@lang("global.payrollinformation")</h4>
                    </div>
                       <div class="form-group col-md-10 ">
                        <label>@lang("global.method")</label>
                        <select name="method" class="form-control"  aria-label=".form-select-sm example">
                            <option value="cash">Cash</option>
                            <option value="credit">Credit</option>
                            <option value="bank_transfer">BankTransfer</option>
                        </select>
                    </div>

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

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


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

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

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

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


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


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





                        <div class="form-group row mb-4">
                            <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">@lang("global.gender")</label>
                            <div class="col-sm-12 col-md-7">
                                <div class="selectgroup w-100">
                                    <label class="selectgroup-item">
                                        <input type="radio" name="gender" value="male"class="selectgroup-input">
                                        <span class="selectgroup-button">@lang('global.male')</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" name="gender" value="female"class="selectgroup-input" checked="">
                                        <span class="selectgroup-button">@lang('global.female')</span>
                                    </label>
                                </div>
                            </div>
                        </div>




                            <div class="card-footer text-right">
                                <button class="btn btn-primary">@lang("global.save")</button>
                            </div>

                        </form>
                    </div>


                </div>
            </div>
        </form>
@stop