@extends('dashboard.layouts.index', ['breadcrumb' => ['main' => 'global.employee_profile','sub' => "global.employee_profile"], 'user_side' => $user])
@section('title')
@endsection

@section('content')
    <div class="page-header flex-5 d-flex col-gap-30 mb-30">
        <a href="{{'employment'}}" class="text-center active-item">
            @lang("global.employment_details")
        </a>
        <a href="{{'finance'}}" class="text-center">
            @lang("global.finance")
        </a>
        <a href="{{'attendance'}}" class="text-center">
            @lang("global.attendance")
        </a>
        <a href="{{'documents'}}" class="text-center">
            @lang("global.documents")
        </a>
        <a href="{{'info'}}" class="text-center">
            @lang("global.details")
        </a>
    </div>

    <div class="row">
        <div class="col-12 mb-30">
            <div class="page-box page-box-9 ">
                <div class="d-flex justify-content-between align-items-center p-30 pb-20 b-bottom mb-30">
                    <span class="font-size-25 text-color-blue">
                       @lang("global.finance")
                    </span>
                </div>
                <div class="p-in-30">
                    <div class="row">

                        <div class="col-6">
                            <div class="page-box page-box-9 mb-30">
                                <div class="page-box pb-30">
                                    <div class="b-bottom  p-30 pb-20 font-size-25 text-color-blue">
                                        @lang("global.company_name")
                                    </div>


                                    <div class="p-30">
                                        @component('dashboard.components._edit_info' , [
                                           "name" => "company_id",
                                           'model' => 'user',
                                           'place_holder' => __("global.company"),
                                           'model_id' => $user->id,
                                           "val" => $user->company_id,
                                           "list" => $companies,
                                           "text" => $user->company->name,
                                           ])
                                        @endcomponent
                                    </div>



                                </div>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="page-box page-box-9 mb-30">
                                <div class="page-box pb-30">
                                    <div class="b-bottom  p-30 pb-20 font-size-25 text-color-blue">
                                        @lang("global.department")
                                    </div>

                                    <div class="p-30">
                                        <div class="info-box">
                                            <span class="text-color-blue font-weight-bold">Furniture</span>
                                            @include('svg-icons.edit')
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-6 mh-100 pb-30">
                            <div class="page-box page-box-9 mh-100">
                                <div class="mh-100">
                                    <div class="b-bottom  p-30 pb-20 font-size-25 text-color-blue">
                                        @lang("global.job_title")
                                    </div>

                                    <div class="p-30 h-100">
                                        @component('dashboard.components._edit_info' , [
                               "name" => "job_title",
                               'model' => 'user_information',
                               'place_holder' => __("global.job_title"),
                               'model_id' => $user->userinformationOne->id,
                               "val" => $user->userinformationOne->job_title,
                               ])
                                        @endcomponent
                                    </div>
                                </div>
                            </div>


                        </div>

                        <div class="col-6">
                            <div class="page-box page-box-9 mb-30">
                                <div class="page-box">
                                    <div
                                        class="b-bottom  d-flex justify-content-between align-items-center p-30 pb-20 font-size-25 text-color-blue">
                                        @lang("global.date_and_status")
                                    </div>

                                    <div class="p-30">
                                        <ul class="d-flex flex-column">
                                            <li class=" d-flex justify-content-between  b-bottom c-border-blue text-color-blue font-size-20 pb-18 mb-18">


                                                @component('dashboard.components._edit_info' , [
                                                                     "name" => "start_date",
                                                                     'model' => 'user_information',
                                                                     'type' => 'date',
                                                                     'place_holder' => __("global.start_date"),
                                                                     'model_id' => $user->userinformationOne->id,
                                                                     "text" => __("global.start_date"),
                                                                     "val" => date('Y/m/d', strtotime($user->userinformationOne->start_date)),
                                                                     ])
                                                @endcomponent
                                            </li>

                                            <li class="p-in-10 d-flex justify-content-between text-color-blue font-size-20">
                                                @lang("global.status")
                                                <label class="switch">
                                                    <input checked type="checkbox">
                                                    <span class="slider round"></span>
                                                </label>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection