@php
    $layout = isSeller() ? 'layouts.seller' : 'layouts.admin';
@endphp
@extends($layout)

@section('css')
    <style>
        div.child-route{
            display: none;
            padding-left: 20px;
            align-items: center;
            flex-wrap : wrap;
        }
        td.label {
            padding: 11px !important;
            width: 50%;
            border-right: 1px solid #f7f7f7;
        }
    </style>
    <link href="https://unpkg.com/cropperjs/dist/cropper.css" rel="stylesheet"/>
    <script src="https://unpkg.com/cropperjs"></script>
    <link rel="stylesheet" href="{{ asset('assets/css/crop-image.css') }}" />
@endsection

@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{!! __('employee.details') !!}</p>
        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{!! route('employee.index') !!}">{!! __('employee.title') !!}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{!! __('employee.edit') !!}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    <div class="row">
        <div class="col-12">
            <div class="round-white-bg box-shadow">
                <div class="tab-material-menu-col">
                    <ul class="list-inline tab-material-menu-list text-center" id="myTab" role="tablist">
                        <li class="list-inline-item">
                            <a class="nav-link font-medium text-muted active" href="#employee-detail"  id="employee-detail-tab" data-toggle="tab"  role="tab" aria-controls="employee-detail" aria-selected="true">
                                {!! __('employee.details') !!}
                            </a>
                        </li>

                        {{--<li class="list-inline-item">
                            <a class="nav-link font-medium text-muted" href="#permission" id="permission-tab" data-toggle="tab"  role="tab" aria-controls="permission-detail" aria-selected="true">
                                {!! __('employee.seller_user') !!}
                            </a>
                        </li>--}}

                        <li class="list-inline-item">
                            <a class="nav-link font-medium text-muted" href="#group-wages" id="group-wages-tab" data-toggle="tab"  role="tab" aria-controls="group-wages-detail" aria-selected="true">
                                {!! __('employee.employee_group') !!}
                            </a>
                        </li>

                        <li class="list-inline-item">
                            <a class="nav-link font-medium text-muted" href="#payroll-history" id="payroll-history-tab" data-toggle="tab"  role="tab" aria-controls="payroll-history-detail" aria-selected="true">
                                {!! __('employee.payroll_history') !!}
                            </a>
                        </li>

                       {{-- <li class="list-inline-item">
                            <a class="nav-link font-medium text-muted" href="#shifts" id="shifts-tab" data-toggle="tab"  role="tab" aria-controls="shifts-detail" aria-selected="true">
                                {!! __('employee.shifts') !!}
                            </a>
                        </li>--}}

                        <li class="list-inline-item">
                            <a class="font-medium text-muted nav-link" href="#payslips" id="payslips-tab" data-toggle="tab"  role="tab" aria-controls="payslips-detail" aria-selected="true">
                                {!! __('employee.payslips') !!}
                            </a>
                        </li>
                        <li class="list-inline-item">
                            <a class="font-medium text-muted nav-link" href="#vocations" id="vocations-tab" data-toggle="tab"  role="tab" aria-controls="vocations-detail" aria-selected="true">
                                {!! __('employee.vocations') !!}
                            </a>
                        </li>
                        <li class="list-inline-item">
                            <a class="font-medium text-muted nav-link" href="#overtime" id="overtime-tab" data-toggle="tab"  role="tab" aria-controls="overtime-detail" aria-selected="true">
                                {!! __('employee.overtime') !!}
                            </a>
                        </li>
                    </ul>
                </div>

                {!! Form::open(array('route' => $routes, 'method' => 'POST' ,'id' => 'ajaxSave','files' => true)) !!}
                    <div class="error-msg font-14 mt-2"></div>

                    @include('layouts.partials.messages')
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="employee-detail" role="tabpanel" aria-labelledby="item-detail-tab">
                            <div class="global-item-top-box text-right mt-3">
                                <label class="yummy-switch-label">
                                    {{ Form::checkbox('status', 1, ($data->status == 1) ? true : false) }}
                                    <span class="yummy-switch-box"></span>
                                </label>
                            </div>

                            <!--  main fields -->
                            <div class="main-fields">
                                <div class="row">
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('first_name', __('employee.first_name'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::text('first_name',$data->first_name, ['class' => 'form-control']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('last_name', __('employee.last_name'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::text('last_name',$data->last_name, ['class' => 'form-control']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('mobile', __('employee.mobile'), ['class' => 'control-label mb-2']) !!}
                                        <div class="row">
                                            <div class="col-md-5">
                                                {!! Form::select('mobile_code',$dialCode,$data->mobile_code, ['class' => 'form-control select2']) !!}
                                            </div>
                                            <div class="col-md-7">
                                                {!! Form::text('mobile_number',$data->mobile_number, ['class' => 'form-control']) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('gender', __('employee.gender'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::select('gender',empGender(),$data->gender, ['class' => 'form-control']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('payroll_setting', __('employee.payroll_setting'), ['class' => 'control-label mb-2']) !!}
                                        {{--
                                            -- no usage at all comment this code @author Pardeep 12/01/2023
                                            @php
                                            if((int) $data->payroll_setting_id > 0) {
                                                $payrollSetting[$data->payroll_setting_id] = $data->payroll_setting_title;
                                            }
                                        @endphp --}}
                                        {!! Form::select('payroll_setting', $payrollSetting, $data->payroll_setting_id, ['class' => 'form-control select2']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('employee_group', __('employee.employee_group'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::select('employee_group',$employeeGroup,$activeEmployeeGroup ?? 0, ['class' => 'form-control select2','id'=>'employee_group']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('pin', __('employee.pin'), ['class' => 'control-label mb-2']) !!}
                                        <div class="input-group">
                                            {!! Form::text('pin',$data->pin, ['class' => 'form-control type_number __random_pin', 'maxlength' => '4' , 'readonly' => true]) !!}
                                            <div class="input-group-append __generate_pin" data-length="4">
                                                <span class="input-group-text" id="basic-addon1">
                                                   <i class="fa fa-spinner" aria-hidden="true"></i> <span class="pl-2">Generate Pin</span>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('email', __('employee.email'), ['class' => 'control-label mb-2']) !!}
                                        <div class="input-group">
                                            {!! Form::text('email',$data->email, ['class' => 'form-control', 'data-url' => route('employee.send-verification-mail', $data->id)]) !!}
                                            <div class="input-group-append">
                                                <span class="input-group-text __sent_email_response" id="basic-addon1" @if($data->is_profile_update) style="background: #00d81a;color:#fff" @else style="background: #2f7ffc;color:#fff" @endif >
                                                   @if($data->is_profile_update)
                                                        <i class="fa fa-check-circle mr-1" aria-hidden="true"></i> {!! __('employee.email_verified') !!}
                                                    @else
                                                        <div class="spinner-border spinner-border-sm __email_loading_spin mr-1" role="status" style="display: none">
                                                          <span class="sr-only">Loading...</span>
                                                        </div>
                                                        <a href="javascript:void(0)" id="verification-mail" class="" data-url = "{{route('employee.send-verification-mail', $data->id)}}" data-reload="true">{!! __('employee.email_verify') !!}</a>
                                                    @endif
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- extra fields -->
                            <div class="extra-fields" style="display: none;">
                                <div class="row">
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('password', __('employee.password'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::password('password',['class' => 'form-control']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('tax_id', __('employee.tax_id'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::text('tax_id',$data->tax_id, ['class' => 'form-control']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('dob', __('employee.dob'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::text('dob', dateFormat($data->dob, SHOW_DATE), ['class' => 'form-control datepicker-input']) !!}
                                    </div>
                                     <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        <div class="custom-file-upload-control mt-4">
                                            <div class="custom-file-upload-container font13">
                                                {{ Form::file('', array('class' => 'custom-file-upload-field image-preview-uploader image overlay', 'id' => 'upload_image', 'accept' => 'image/png,image/jpg,image/jpeg'))}}
                                                <input type="hidden" id="uploaded_image" name="image" />
                                                <ul class="list-inline">
                                                    <li class="list-inline-item">
                                                        <a href="javascript:void(0)" class="btn btn-primary font13">  {{ __('common.choose-file')}}</a>
                                                    </li>
                                                    <li class="list-inline-item text-muted image-name-placeholder">
                                                        {{ __('common.no-file')}}
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        @if (isset($data->profile_picture))
                                        <div class="image-preview-container-sqr mt-2">
                                            <img src="{{ getImagePath($data->profile_picture)}}" width="auto" height="70px" />
                                        </div>
                                        @endif
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('personal_number', __('employee.personal_number'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::text('personal_number',$data->personal_number ?? '', ['class' => 'form-control']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('tripletex_employee_id', __('employee.tripletex_employee_id'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::text('tripletex_employee_id', $data->tripletex_employee_id, ['class' => 'form-control']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('tripletex_payroll_account', __('employee.tripletex_payroll_account'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::text('tripletex_payroll_account', $data->tripletex_payroll_account, ['class' => 'form-control']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('tripletex_project_number', __('employee.tripletex_project_number'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::text('tripletex_project_number', $data->tripletex_project_number, ['class' => 'form-control']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('tripletex_department_number', __('employee.tripletex_department_number'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::text('tripletex_department_number', $data->tripletex_department_number, ['class' => 'form-control']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('bank_account', __('employee.bank_account'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::text('bank_account',$data->bank_account, ['class' => 'form-control']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('hire_date', __('employee.hire_date'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::text('hire_date', dateFormat($data->hire_date, SHOW_DATE), ['class' => 'form-control datepicker-input']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('country', __('employee.country'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::select('country',$countries,$data->country, ['class' => 'form-control select2']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('city', __('employee.city'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::text('city',$data->city, ['class' => 'form-control']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('pincode', __('employee.pincode'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::text('pin_code',$data->pin_code, ['class' => 'form-control']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('address', __('employee.address'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::text('address',$data->address, ['class' => 'form-control']) !!}
                                    </div>
                                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                        {!! Form::label('description', __('employee.description'), ['class' => 'control-label mb-2']) !!}
                                        {!! Form::text('description',$data->description, ['class' => 'form-control']) !!}
                                    </div>
                                </div>
                            </div>

                            <!-- show more btn -->
                            <div class="btn w-100" style="text-align: end"><a class="btn btn-primary" id="expandFields">{!! __('common.show_more').'  <i class="fa fa-plus-circle"></i>' !!}</a></div>

                            <hr>
                            <div class="row">
                                <div class="custom-input-group colored-field-group col-md-3 mt-2">
                                    <label class="custom-control custom-small-control custom-white-control">
                                        {!! Form::checkbox('is_employee_rider', 1, $data->is_employee_rider) !!}
                                        <span class="custom-control-box"><i class="fas fa-check"></i></span> &nbsp;
                                        {!! __('employee.create_employee_rider') !!}?
                                    </label>
                                </div>

                                <div class="custom-input-group colored-field-group col-md-3 mt-2">
                                    <label class="custom-control custom-small-control custom-white-control">
                                        {!! Form::checkbox('access_to_sales', 1, $data->access_to_sales) !!}
                                        <span class="custom-control-box"><i class="fas fa-check"></i></span> &nbsp;
                                        Access to POS Sales?
                                    </label>
                                </div>
                                {{--<div class="custom-input-group colored-field-group col-md-3 mt-2">--}}
                                    {{--<label class="custom-control custom-small-control custom-white-control">--}}
                                        {{--{!! Form::checkbox('allow_franchise_access', 1, $data->allow_franchise_access) !!}--}}
                                        {{--<span class="custom-control-box"><i class="fas fa-check"></i></span> &nbsp;--}}
                                        {{--{!! __('employee.allow_franchise_access') !!}?--}}
                                    {{--</label>--}}
                                {{--</div>--}}
                            </div>

                            <div class="form-group mt-3 text-left">
                                <ul class="list-inline">
                                    <li class="list-inline-item">
                                        <input type="submit" class="btn btn-primary width80" value="{!! __('seller.save') !!}">
                                    </li>
                                    {{-- <li class="list-inline-item">
                                        <input type="reset" class="btn btn-default width80 width80" value="{!! __('seller.cancel') !!}">
                                    </li> --}}
                                </ul>
                            </div>
                        </div>

                        <div class="tab-pane fade hide" id="permission" role="tabpanel" aria-labelledby="permission-tab">
                            <div class="row">
                                <div class="custom-input-group colored-field-group col-md-3 mt-2">
                                    <label class="custom-control custom-small-control custom-white-control">
                                        {!! Form::checkbox('allow_franchise_access', 1, $data->allow_franchise_access) !!}
                                        <span class="custom-control-box"><i class="fas fa-check"></i></span> &nbsp;
                                        {!! __('employee.allow_franchise_access') !!}?
                                    </label>
                                </div>

                                <div class="custom-input-group colored-field-group col-md-3 mt-2">
                                    <label class="custom-control custom-small-control custom-white-control">
                                        {!! Form::checkbox('is_seller_user', 1, $data->is_seller_user, ['class' => '__is_seller_user']) !!}
                                        <span class="custom-control-box"><i class="fas fa-check"></i></span> &nbsp;
                                        {!! __('employee.create_seller_user') !!}?
                                    </label>
                                </div>

                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 __menu_box" {!! ($data->is_seller_user == 0) ? 'style="display: none;' : '' !!}">
                                    @include('layouts.menu', [
                                        'menus' => $menus,
                                        'permission' => isset($permission) ? $permission : [],
                                    ])
                                </div>
                            </div>

                            <div class="form-group mt-3 text-left">
                                <ul class="list-inline">
                                    <li class="list-inline-item">
                                        <input type="submit" class="btn btn-primary width80" value="{!! __('seller.save') !!}">
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="group-wages" role="tabpanel" aria-labelledby="group-wages-tab">
                            {{--<button type="button" class="btn btn-primary width80" data-toggle="modal" data-target="#createGroup">
                                Create
                            </button>--}}

                            <div class="row mt-2">
                                <div class="col-12">
                                    @if (count($groupWages)>0)
                                        <table id="datatable" class="w-100 table-small circle-striped-table items-table" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                            <thead>
                                                <tr>
                                                    <th>{{ __('common.sr-no')}}</th>
                                                    <th>{{__('employee.group_name')}}</th>
                                                    {{-- <th>{{__('employee.wages')}} </th> --}}
                                                    <th>{{__('employee.start_date')}} </th>
                                                    <th>{{__('employee.end_date')}} </th>
                                                    {{--<th class="no-sort">{{__('common.action')}}</th>--}}
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $i=1;
                                                @endphp

                                                @foreach ($groupWages as $detail)
                                                    <tr>
                                                        <td>{!! $i++; !!}</td>
                                                        <td>{!! $detail->group_name !!} </td>
                                                        {{-- <td>{!! $detail->wage_rate !!} kr per hour</td> --}}
                                                        <td>{!!  dateFormat($detail->wef, DISPLAY_DATETIME2) !!}</td>
                                                        <td>
                                                            @if($detail->is_active == 0)
                                                                {!! dateFormat($detail->wet, DISPLAY_DATETIME2) !!}
                                                            @else
                                                                --
                                                            @endif
                                                        </td>
                                                        {{--<td>
                                                            @if($detail->is_active == 1)
                                                                <span class="action">
                                                                    <a href="javascript:void(0);" class="__route"  data-url="{{ route('employee.delete-wage',$detail->id)}}">
                                                                        <i class="fa fa-trash" aria-hidden="true"></i>
                                                                    </a>
                                                                </span>
                                                            @else
                                                                --
                                                            @endif
                                                        </td>--}}
                                                    </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                @else
                                        <div class="">{{ __('common.no_records')}}</div>
                                @endif
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="payroll-history" role="tabpanel" aria-labelledby="payroll-history-tab">
                            <div class="row mt-2">
                                <div class="col-12">
                                    @if (isset($payrollHistory) && count($payrollHistory) > 0)
                                        <table id="datatable" class="w-100 table-small circle-striped-table items-table" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                            <thead>
                                                <tr>
                                                    <th>{{ __('common.sr-no')}}</th>
                                                    <th>{{__('employee.payroll_title')}}</th>
                                                    <th>{{__('employee.start_date')}} </th>
                                                    <th>{{__('employee.end_date')}} </th>
                                                    <th>{{__('employee.created_by')}} </th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $i=1;
                                                @endphp

                                                @foreach ($payrollHistory as $history)
                                                    <tr>
                                                        <td>{!! $i++; !!}</td>
                                                        <td>{!! $history->payroll_setting_title !!} </td>
                                                        <td>{!!  dateFormat($history->wef, DISPLAY_DATETIME2) !!}</td>
                                                        <td>
                                                            @if($history->is_active == 0)
                                                                {!! dateFormat($history->wet, DISPLAY_DATETIME2) !!}
                                                            @else
                                                                --
                                                            @endif
                                                        </td>
                                                        <td>
                                                            {!! $history->created_name !!}
                                                            {!! ($history->is_admin == 1) ? '(' . __('employee.admin') . ')' : '' !!}
                                                        </td>
                                                    </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                @else
                                        <div class="">{{ __('common.no_records')}}</div>
                                @endif
                                </div>
                            </div>
                        </div>

                        {{--<div class="tab-pane fade" id="shifts" role="tabpanel" aria-labelledby="shifts-tab">
                            @include('seller.schedule.employee-shifts')
                        </div>--}}

                        <div class="tab-pane fade" id="payslips" role="tabpanel" aria-labelledby="payslips-tab">
                            Payslip goes here.
                        </div>

                        <div class="tab-pane fade" id="vocations" role="tabpanel" aria-labelledby="vocations-tab">
                            @if (count($vacation) > 0)
                                <table id="datatable" class="table table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                    <thead>
                                        <tr>
                                            <th>{{__('common.sr-no')}}</th>
                                            <th>{{__('employee.vacation_type')}}</th>
                                            <th>{{__('employee.date')}}</th>
                                            <th>{{__('employee.approved')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $i = 1;
                                        @endphp
                                        @foreach ($vacation as $detail)
                                            <tr>
                                                <td>{{ $i++ }}</td>
                                                <td> {{ vacationType($detail->vacation_type) }} </td>
                                                <td>{!! ($detail->vacation_type == 2) ? " From: " : "" !!}
                                                   {!! dateFormat($detail->start_date, 'd-m-Y') !!}
                                                   {!! ($detail->vacation_type == 2) ? "<br/>To: " . dateFormat($detail->end_date, 'd-m-Y') : "" !!}
                                                </td>
                                                <td>{!! vacationStatus($detail->status) !!}</td>
                                            </tr>
                                      @endforeach
                                    </tbody>
                                </table>
                            @else
                                <div class="">{{ __('common.no_records')}}</div>
                           @endif
                        </div>

                        <div class="tab-pane fade" id="overtime" role="tabpanel" aria-labelledby="overtime-tab">
                            Overtime goes here.
                        </div>
                    </div>
                   @method('PUT')

                {!! Form::close() !!}
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="createGroup" tabindex="-1" role="dialog">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">

            {!! Form::open(array('route' => 'employee.save-wage', 'method' => 'POST' ,'id' => 'wage-form')) !!}

			<div class="modal-header">
				<h4 class="modal-title">{{__('employee.wage_model_title')}}</h4>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			</div>
			<div class="modal-body">
				<div class="error-msg"></div>
				<div class="form-group row">
                    {!! Form::label('employee_name', __('employee.title'), ['class' => 'col-sm-3 col-form-label']) !!}
					<div class="col-sm-5">
						{{  $data->first_name .' '. $data->last_name }}
					</div>
				</div>

				<div class="form-group row">
					<label for="example-text-input" class="col-sm-3 col-form-label">{{ __('employee.employee_group')}}</label>
					<div class="col-sm-5">
                        {!! Form::select('employee_group',$employeeGroup,'', ['class' => 'form-control select2','id'=>'employee_grp']) !!}

					</div>
				</div>

				{{-- <div class="form-group row">
                    {!! Form::label('wage', __('employee.wages'), ['class' => 'col-sm-3 col-form-label']) !!}
					<div class="col-sm-5">
                        {!! Form::text('wage','', ['class' => 'form-control','id'=>'wage-rate']) !!}
					</div>
				</div>

				<div class="form-group row">
                    {!! Form::label('salary_code', __('employee.salary_code'), ['class' => 'col-sm-3 col-form-label']) !!}
					<div class="col-sm-5">
                        {!! Form::text('salary_code','', ['class' => 'form-control','id'=>'salary_code']) !!}
					</div>
				</div> --}}
			</div>
			<div class="modal-footer">
                {!! Form::hidden('emp_id',$data->id, ['class' => 'form-control','id'=>'salary_code']) !!}
                {{ Form::submit( __('common.save'), array('class' => 'btn btn-primary width80'));}}
                {{ Form::button( __('common.close'), array('class' => 'btn btn-default width80','data-dismiss'=>'modal'));}}
			</div>
            {!! Form::close() !!}
		</div>
	</div>
</div>
@include('layouts.partials.crop-image-modal')
@endsection

@section('script')
<script src="{{ asset('assets/js/crop-image.js')}}"></script>
    <script>
        $("a.nav-link").on('click', function(e){
            $("a.nav-link.active").removeClass('active');
            $(this).addClass('active');
            var tabId=( $(this).attr('href'));
            $('.tab-pane').removeClass('show active');
            $(tabId).addClass('show active');
        });

        $('body').on('change', '.__is_seller_user', function () {
            if ($(this).is(':checked')) {
                $('.__menu_box').slideDown();
            } else {
                $('.__menu_box').slideUp();
            }
        });
    </script>

    <script>
        $('#expandFields').click(() => {
            const extraFields = $('.extra-fields');
            if (!extraFields.is(':visible')) {
                $('.extra-fields').slideDown();
                $('#expandFields').html('{!! __('common.show_less').'  <i class="fa fa-minus-circle"></i>' !!}');
            }else{
                $('.extra-fields').slideUp();
                $('#expandFields').html('{!! __('common.show_more').'  <i class="fa fa-plus-circle"></i>' !!}');
            }
        });
    </script>

    @include('layouts.menu-script')
@endsection