@extends('app')

@section('extra-css')
    <link rel="stylesheet" href="{{asset('assets/plugins/smartwizard/css/smart_wizard.css')}}">
    <link rel="stylesheet" href="{{asset('assets/plugins/smartwizard/css/smart_wizard_theme_arrows.css')}}">
@endsection

@section('content-header')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Edit Employee
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">HR</a></li>
            <li class="active">Edit Employee</li>
        </ol>
    </section>
@endsection

@section('content')

    <!-- Main content -->
    <section class="content">
        <!-- SELECT2 EXAMPLE -->
        <div class="box box-info">
            <div class="box-header with-border">
                @can('employee-view')
                <h3 class="box-title">
                    <a href="{{route('hr.employee')}}" class="btn btn-info btn-md">
                        <i class="fa fa-hand-o-left"></i>&nbsp;
                        View Employee
                    </a>
                </h3>
                @endcan

            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <div class="row">
                    <div class="col-md-12">
                        @if($employee)
                            @canany(['employee-edit','employee-update'])
                            <form action="{{route('hr.update-save-employee.post',$employee->employee_id)}}" id="myForm"
                                  role="form" data-toggle="validator" method="post" accept-charset="utf-8"
                                  novalidate="true" enctype="multipart/form-data">
                                <!-- SmartWizard html -->
                                <div id="smartwizard" class="sw-main sw-theme-arrows">
                                    <ul class="nav nav-tabs step-anchor">
                                        <li class="nav-item active"><a href="#step-1" class="nav-link">Step 1<br>
                                                <small>Basic Information</small>
                                            </a></li>
                                        <li class="nav-item"><a href="#step-2" class="nav-link">Step 2<br>
                                                <small>Address</small>
                                            </a></li>
                                        <li class="nav-item"><a href="#step-3" class="nav-link">Step 3<br>
                                                <small>Image</small>
                                            </a></li>
                                    </ul>

                                    <div class="sw-container tab-content" style="min-height: 152px;">

                                        <div id="step-1" class="tab-pane step-content" style="display: block;">
                                            <div id="form-step-0" role="form" data-toggle="validator">
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label for="full_name" class="col-md-2 required">Full Name:</label>
                                                        <div class="col-sm-4">
                                                            <input type="text" class="form-control" name="full_name"
                                                                   id="full_name" placeholder="Write your Full Name"
                                                                   required="" value="{{$employee->user->full_name}}">
                                                            <div class="help-block with-errors"></div>
                                                        </div>
                                                        <label for="user_name" class="col-md-2">User Name:</label>
                                                        <div class="col-sm-4">
                                                            <input type="text" class="form-control" name="user_name"
                                                                   id="user_name" placeholder="Write your UserName"
                                                                   value="{{$employee->user->user_name}}">
                                                            <div class="help-block with-errors"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                {{csrf_field()}}
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label for="father_name" class="col-md-2">Father's Name:</label>
                                                        <div class="col-sm-4">
                                                            <input type="text" class="form-control" name="father_name"
                                                                   id="father_name" placeholder="Write your Father Name"
                                                                   value="{{$employee->user->father_name}}">
                                                            <div class="help-block with-errors"></div>
                                                        </div>
                                                        <label for="mother_name" class="col-md-2">Mother's Name:</label>
                                                        <div class="col-sm-4">
                                                            <input type="text" class="form-control" name="mother_name"
                                                                   id="mother_name" placeholder="Write your Mother Name"
                                                                   value="{{$employee->user->mother_name}}">
                                                            <div class="help-block with-errors"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label for="designation" class="col-md-2">Designation:</label>
                                                        <div class="col-sm-4">
                                                            <select class="form-control" name="designation"
                                                                    id="designation">
                                                                <option selected="" disabled="">Please Select a
                                                                    Designation
                                                                </option>
                                                                @if(count($designations) > 0)
                                                                    @foreach($designations as $designation)
                                                                        <option value="{{$designation->designation_id}}"
                                                                                @if($designation->designation_id == $employee->designation_id) selected="" @endif>
                                                                            {{$designation->designation_name}}
                                                                        </option>
                                                                    @endforeach
                                                                @endif
                                                            </select>
                                                            <div class="help-block with-errors"></div>
                                                        </div>
                                                        <label for="mobile_no" class="col-md-2">Mobile No:</label>
                                                        <div class="col-sm-4">
                                                            <input type="text" class="form-control" name="mobile_no"
                                                                   id="mobile_no" placeholder="Mobile Number"
                                                                   value="{{$employee->user->mobile_no}}">
                                                            <div class="help-block with-errors"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label for="designation" class="col-md-2">User Role:</label>
                                                        <div class="col-sm-4">
                                                            {{ Form::select('role[]', $roles, $user->getRoleNames(), ['class' => 'form-control select2', 'multiple', 'id' => 'role'] ) }}
                                                            <div class="help-block with-errors"></div>
                                                        </div>
                                                        <label for="dob" class="col-md-2">DOB:</label>
                                                        <div class="col-sm-4">
                                                            <input type="text"
                                                                   class="form-control pull-right datepicker" id="dob"
                                                                   name="dob" value="{{$employee->user->dob}}">
                                                            <div class="help-block with-errors"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label for="salaryType" class="col-md-2">Salary Type:</label>
                                                        <div class="col-sm-4">
                                                            <select class="form-control select2" name="salaryType" id="salaryType">
                                                                <option selected="" disabled="">Please Select Salary Type</option>
                                                                @if(isset($user->salaryInfo))
                                                                    <option value="1" {{$user->salaryInfo->salary_type ==1 ? 'selected' : ''}}>Full Time</option>
                                                                    <option value="2" {{$user->salaryInfo->salary_type ==2 ? 'selected' : ''}}>Part Time</option>
                                                                    <option value="3" {{$user->salaryInfo->salary_type ==3 ? 'selected' : ''}}>Commission based</option>
                                                                @else
                                                                    <option value="1">Full Time</option>
                                                                    <option value="2">Part Time</option>
                                                                    <option value="3">Commission based</option>
                                                                @endif
                                                            </select>
                                                        </div>
                                                        <label for="gender" class="col-md-2">Gender:</label>
                                                        <div class="col-sm-4">
                                                            <select class="form-control" name="gender" id="gender">
                                                                <option selected="" disabled="">Please Select a
                                                                    Designation
                                                                </option>
                                                                <option value="1"
                                                                        @if($employee->user->gender == 1) selected="" @endif>
                                                                    Male
                                                                </option>
                                                                <option value="2"
                                                                        @if($employee->user->gender == 2) selected="" @endif>
                                                                    Female
                                                                </option>
                                                                <option value="3"
                                                                        @if($employee->user->gender == 3) selected="" @endif>
                                                                    Other
                                                                </option>
                                                            </select>
                                                            <div class="help-block with-errors"></div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label for="amount" class="col-md-2">Joining Date </label>
                                                        <div class="col-sm-4">
                                                            <input type="text" value="{{ \Carbon\Carbon::parse($user->created_at)->format('Y-m-d') }}" class="form-control datepicker"  name="created_at" id="created_at" placeholder="Joining Date">
                                                            <div class="help-block with-errors"></div>
                                                        </div>

                                                        <label for="amount" class="col-md-2">Amount </label>
                                                        <div class="col-sm-4">
                                                            @if(!isset($user->salaryInfo->salary_amount))
                                                                <input type="number" value="" class="form-control" name="amount" id="amount" placeholder="Amount Taka">
                                                            @endif
                                                            @if(isset($user->salaryInfo->salary_amount))
                                                                <input type="number" value="{{ $user->salaryInfo->salary_amount }}" class="form-control" name="amount" id="amount" placeholder="Amount Taka">
                                                            @endif
                                                            <div class="help-block with-errors"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label for="signature_details" class="col-md-2">Signature Details:</label>
                                                        <div class="col-sm-4">
                                                        <textarea class="form-control" id="editor1" name="signature_details">{!!$user->signature_details!!}</textarea>

                                                            <div class="help-block with-errors"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="step-2" class="tab-pane step-content">
                                            <div id="form-step-1" role="form" data-toggle="validator">
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label for="present_address" class="col-md-2">Present
                                                            Address:</label>
                                                        <div class="col-sm-4">
                                                            <textarea class="form-control" name="present_address"
                                                                      id="present_address" rows="3"
                                                                      placeholder="Write your Present address">{{$employee->user->present_address}}</textarea>
                                                            <div class="help-block with-errors"></div>
                                                        </div>
                                                        <label for="mother_name" class="col-md-2">Permanent
                                                            Address:</label>
                                                        <div class="col-sm-4">
                                                            <textarea class="form-control" name="permanent_address"
                                                                      id="permanent_address" rows="3"
                                                                      placeholder="Write your Permanent address">{{$employee->user->permanent_address}}</textarea>
                                                            <div class="help-block with-errors"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="step-3" class="tab-pane step-content">
                                            <div id="form-step-2" role="form" data-toggle="validator">
                                                <div class="form-group">
                                                    <label for="password" class="col-md-2">Password:</label>
                                                    <div class="col-sm-4">
                                                        <input type="password" class="form-control" name="password"
                                                               id="password" placeholder="Password">
                                                        <div class="help-block with-errors"></div>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label for="" class="col-md-2">Current Image:</label>
                                                        <div class="col-sm-10">
                                                            <img style="width:25%;" src="{{asset('images/employee/')}}/{{$employee->user->profile_image}}">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label for="profile_image" class="col-md-2">New Image:</label>
                                                        <div class="col-sm-10">
                                                            <input type="file" name="profile_image" id="profile_image"
                                                                   class="form-control">
                                                        </div>
                                                    </div>
                                                </div>

                                                @if(isset($employee->user->signature->signature))
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label for="" class="col-md-2">Current Signature:</label>
                                                        <div class="col-sm-10">
                                                            <img style="width:20%;" src="{{asset('' . $employee->user->signature->signature) }}">
                                                        </div>
                                                    </div>
                                                </div>
                                                @endif
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label for="signature" class="col-md-2">New Signature:</label>
                                                        <div class="col-sm-10">
                                                            <input type="file" name="signature" id="signature"
                                                                   class="form-control">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            @endcanany
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('script')

{{-- <script src="{{ asset('assets/bower_components/ckeditor/ckeditor.js') }}"></script>
<script> CKEDITOR.replace( 'summary-ckeditor' ); </script> --}}

    <script type="text/javascript">
        $(document).ready(function () {

            var btnFinish = $('<button></button>').text('Finish')
                .addClass('btn btn-info')
                .on('click', function () {
                    if (!$(this).hasClass('disabled')) {
                        var elmForm = $("#myForm");
                        if (elmForm) {
                            elmForm.validator('validate');
                            var elmErr = elmForm.find('.has-error');
                            if (elmErr && elmErr.length > 0) {
                                alert('Oops we still have error in the form');
                                return false;
                            } else {
                                alert('Great! we are ready to submit form');
                                elmForm.submit();
                                return false;
                            }
                        }
                    }
                });
            var btnCancel = $('<button></button>').text('Cancel')
                .addClass('btn btn-danger')
                .on('click', function () {
                    $('#smartwizard').smartWizard("reset");
                    $('#myForm').find("input, textarea").val("");
                });
            // Smart Wizard
            $('#smartwizard').smartWizard({
                selected: 0,
                theme: 'dots',
                transitionEffect: 'fade',
                toolbarSettings: {
                    toolbarPosition: 'bottom',
                    toolbarButtonPosition: 'right',
                    toolbarExtraButtons: [btnFinish, btnCancel]
                },
                anchorSettings: {
                    markDoneStep: true, // add done css
                    markAllPreviousStepsAsDone: true, // When a step selected by url hash, all previous steps are marked done
                    removeDoneStepOnNavigateBack: true, // While navigate back done step after active step will be cleared
                    enableAnchorOnDoneStep: true // Enable/Disable the done steps navigation
                }
            });

            $("#smartwizard").on("leaveStep", function (e, anchorObject, stepNumber, stepDirection) {
                var elmForm = $("#form-step-" + stepNumber);
                // stepDirection === 'forward' :- this condition allows to do the form validation
                // only on forward navigation, that makes easy navigation on backwards still do the validation when going next
                if (stepDirection === 'forward' && elmForm) {
                    elmForm.validator('validate');
                    var elmErr = elmForm.children('.has-error');
                    if (elmErr && elmErr.length > 0) {
                        // Form validation failed
                        return false;
                    }
                }
                return true;
            });

            $("#smartwizard").on("showStep", function (e, anchorObject, stepNumber, stepDirection) {
                // Enable finish button only on last step
                if (stepNumber == 3) {
                    $('.btn-finish').removeClass('disabled');
                } else {
                    $('.btn-finish').addClass('disabled');
                }
            });

            //Date picker
            $('.datepicker').datepicker({
                autoclose: true,
                format: "yyyy-mm-dd"
            });

        });
    </script>
@endsection

@section('extra-js')
    <script src="{{asset('assets/plugins/validator/validator.min.js')}}"></script>
    <script src="{{asset('assets/plugins/smartwizard/js/jquery.smartWizard.js')}}"></script>
@endsection