@extends('app-new')

@push('head-script')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/forms/wizard/bs-stepper.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/pickadate/pickadate.css">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-validation.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-wizard.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-pickadate.css">
    <!-- END: Page CSS-->
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">{{trans('manager/manager_create.user_management')}}</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/{{$alias}}/home">{{trans('manager/manager_create.home')}}</a>
                    </li>
                    <li class="breadcrumb-item"><a href="/{{$alias}}/managers">{{trans('manager/manager_create.user')}}</a>
                    </li>
                    <li class="breadcrumb-item active">
                    @if(isset($manager) && ($manager->id))
                        {{trans('manager/manager_create.edit_user')}}
                    @else
                        {{trans('manager/manager_create.add_new_user')}}
                    @endif
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
<!-- Basic multiple Column Form section start -->
{!! Form::model($manager, ['method' => isset($manager) && $manager->id ? 'put' : 'post', 'files' => 'true']) !!}
    <section class="vertical-wizard">
        <div class="bs-stepper vertical vertical-wizard-example">
            <div class="bs-stepper-header">
                <div class="step" data-target="#personal-info-vertical" role="tab" id="personal-info-vertical-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">1</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">{{trans('manager/manager_create.user_details')}}</span>
                            <span class="bs-stepper-subtitle">{{trans('manager/manager_create.add_user_details')}}</span>
                        </span>
                    </button>
                </div>
                <div class="step" data-target="#account-details-vertical" role="tab" id="account-details-vertical-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">2</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">{{trans('manager/manager_create.security_details')}}</span>
                            <span class="bs-stepper-subtitle">{{trans('manager/manager_create.add_security_details')}}</span>
                        </span>
                    </button>
                </div>
                <div class="step contractor" data-target="#contractor-details-vertical" role="tab" id="contractor-details-vertical-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">3</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">{{trans('manager/manager_create.contractor_details')}}</span>
                            <span class="bs-stepper-subtitle">{{trans('manager/manager_create.add_contractor_details')}}</span>
                        </span>
                    </button>
                </div>
				<div class="step contractor" data-target="#attachments-vertical" role="tab" id="attachments-vertical-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">4</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">{{trans('manager/manager_create.attachments')}}</span>
                            <span class="bs-stepper-subtitle">{{trans('manager/manager_create.add_attachments')}}</span>
                        </span>
                    </button>
                </div>
				<div class="step contractor" data-target="#commission-vertical" role="tab" id="commission-vertical-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">5</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">{{trans('manager/manager_create.commission_config')}}</span>
                            <span class="bs-stepper-subtitle">{{trans('manager/manager_create.add_commission_config')}}</span>
                        </span>
                    </button>
                </div>
            </div>
            <div class="bs-stepper-content">
                <div id="personal-info-vertical" class="content position-relative" role="tabpanel" aria-labelledby="personal-info-vertical-trigger" style="min-height: 470px">
                    <div class="content-header">
                        <h5 class="mb-0">{{trans('manager/manager_create.user_details')}}</h5>
                        <small class="text-muted">{{trans('manager/manager_create.enter_user_details')}}</small>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-1 {{{ $errors->has('organization_id') ? 'has-error' : '' }}}">
                                <label class="form-label" for="organization_id">{{trans('manager/manager_create.organization')}} <span class="mendatory-field text-danger">*</span></label>
                                <label class="form-label" style="float: right"><input type="checkbox" class="select_all" id="select_all_organization_id"> Select All</label>
                                <select class="form-select select2 selected_fields" id="organization_id" name="organization_id[]" placeholder="Select Organizations" onchange="getLocations()" multiple>
                                        @foreach($allAssignedOrganization as $val)
                                            <option value="{{$val->id}}" @if(in_array($val->id, $organizationIds) || ((old('organization_id')!=null) && in_array($val->id, old('organization_id')))) selected @endif>
                                                {{$val->name}}
                                            </option>
                                        @endforeach
                                </select>
                                {!! $errors->first('organization_id', '<label class="error" for="organization_id">:message</label>')!!}
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-1  {{{ $errors->has('name') ? 'has-error' : '' }}}">
                                <label class="form-label" for="username">{{trans('manager/manager_create.user_name')}} <span class="mendatory-field text-danger">*</span></label>
                                {!! Form::text('name', isset($manager) && $manager->name ? $manager->name : old('name'), ['class' => 'form-control', 'id' => 'name']) !!} {!! $errors->first('name', '
                                    <label class="error" for="name">:message</label>')!!}
                                <!-- <input type="text" id="first-name-column" class="form-control" placeholder="First Name" name="fname-column" /> -->
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="mb-1 {{{ $errors->has('user_type') ? 'has-error' : '' }}}">
                                <label class="form-label" for="user_type">{{trans('manager/manager_create.user_type')}} <span class="mendatory-field text-danger">*</span></label>
                                <select class="form-select select2" name="user_type">
                                @foreach($userType as $val)
                                        <option value="{{$val->id}}"  @if(isset($manager) && ($manager->user_type == $val->id) || (old('user_type') == $val->id)) selected @endif>{{$val->name}}</option>
                                @endforeach
                                </select>
                            </div>
                            {!! $errors->first('user_type', '<label class="error" for="user_type">:message</label>')!!}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="is_contractor">{{trans('manager/manager_create.is_contractor')}} <span class="mendatory-field text-danger">*</span></label>
                                <select class="form-select select2" name="is_contractor" id="is_contractor" onchange="showContractor()">
                                        <option value="0" @if((isset($manager) && ($manager->is_contractor == '0')) || (old('is_contractor') == '0')) selected @endif>No</option>
                                        <option value="1" @if((isset($manager) && ($manager->is_contractor == '1')) || (old('is_contractor') == '1')) selected @endif>Yes</option>
                                </select>
                            </div>
                            {!! $errors->first('is_contractor', '<label class="error" for="is_contractor">:message</label>')!!}
                        </div>

                        <div class="col-md-6">
							<div class="mb-1">
								<label class="form-label" for="mobile">{{trans('manager/manager_create.email_id')}} <span class="mendatory-field text-danger">*</span></label>
								<input type="email" id="email" name="email" class="form-control {{{$errors->has('email') ? 'error' : ''}}}" placeholder="Enter Email ID" value="{{ isset($manager) && $manager->email ? $manager->email : old('email') }}"/>
								{!! $errors->first('email','<label id="basic-default-error" for="email" class="error">:message</label>')!!}
							</div>	
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
							<div class="mb-1">
								<label class="form-label" for="mobile">{{trans('manager/manager_create.mobile_number')}}</label>
                                <div class="d-flex">
                                    <div class="btn-group dropup dropdown-icon-wrapper">
                                        <select class="btn btn-outline-primary dropdown-toggle dropdown-toggle-split pr-1 select2" name="dial_code" id="dial_code">
                                            @foreach($countries as $country)
                                                <option value="{{$country->dial_code}}" @if(isset($manager->dial_code)) @if(($manager->dial_code == $country->dial_code) || (old('dial_code') == $country->dial_code)) selected @endif @elseif(($country->dial_code)=='+91') selected @endif>
                                                    {{$country->code}} ({{$country->dial_code}})
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="input-group input-group-merge ">
								        <input type="number" onkeydown="javascript: return event.keyCode == 69 ? false : true" onKeyPress="if(this.value.length==15) return false;" id="mobile" name="mobile" class="form-control {{{$errors->has('mobile') ? 'error' : ''}}}" placeholder="Enter Mobile Number" value="{{ isset($manager) && $manager->mobile ? $manager->mobile : old('mobile') }}"/>
                                    </div>
                                </div>
								{!! $errors->first('mobile','<label id="basic-default-error" for="mobile" class="error">:message</label>')!!}
							</div>
                        </div>
                    
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label">{{trans('manager/manager_create.assign_locations')}}</label>
                                <label class="form-label" style="float: right"><input type="checkbox" class="select_all" id="select_all_location_id"> Select All</label>
                                <select class="form-select select2 selected_fields" id="location_id" name="locations[]" multiple>
                                    @foreach($locations as $location)
                                        <option value="{{$location->id}}" @if(in_array($location->id, $locationIds)) selected @endif>
                                            {{$location->name}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="content-footer position-absolute bottom-0 col-md-12">
                        <div class="d-flex justify-content-between content-footer">
                            <button type="button" class="btn btn-outline-secondary btn-prev" disabled>
                                <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                                <span class="align-middle d-sm-inline-block d-none">{{trans('manager/manager_create.previous')}}</span>
                            </button>
                            <button type="button" class="btn btn-primary btn-next">
                                <span class="align-middle d-sm-inline-block d-none">{{trans('manager/manager_create.next')}}</span>
                                <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div id="account-details-vertical" class="content position-relative" role="tabpanel" aria-labelledby="account-details-vertical-trigger" style="min-height: 470px">
                    <div class="content-header">
                        <h5 class="mb-0">{{trans('manager/manager_create.security_details')}}</h5>
                        <small>{{trans('manager/manager_create.enter_security_details')}}</small>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-1">
                            @if($manager->id)
                            <label class="form-label required">{{trans('manager/manager_create.password')}} <span class="mendatory-field text-danger">*</span></label>
                            @else
                            <label class="form-label">{{trans('manager/manager_create.password')}} <span class="mendatory-field text-danger">*</span></label> 
                            @endif
                            
                            <div class="input-group input-group-merge form-password-toggle">
                                <input type="password" name="password" id="password" class="form-control {{{$errors->has('password') ? 'error' : ''}}}" autocomplete="nope" value="" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" />
                                <span class="input-group-text cursor-pointer"><i data-feather="eye"></i></span>
                            </div>
                            {!! $errors->first('password', '<label class="error" for="password">:message</label>')!!}
                        </div>

                        <div class="col-md-6 mb-1">
                            <label class="form-label">{{trans('manager/manager_create.confirm_password')}} <span class="mendatory-field text-danger">*</span></label>
                            
                            <div class="input-group input-group-merge form-password-toggle">
                                <input type="password" name="password_confirmation" id="password_confirmation" class="form-control {{{$errors->has('password_confirmation') ? 'error' : ''}}}" autocomplete="nope" value="" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" />
                                <span class="input-group-text cursor-pointer"><i data-feather="eye"></i></span>
                            </div>
                            {!! $errors->first('password_confirmation', '<label class="error" for="password_confirmation">:message</label>')!!}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-1">
                            <label class="form-label">{{trans('manager/manager_create.status')}} <span class="mendatory-field text-danger">*</span></label>
                            <select class="form-select select2" name="status" required>
                                @foreach($managerStatus as $val)
                                    <option value="{{$val}}"  @if(isset($manager) && ($manager->status == $val) || (old('status') == $val)) selected @endif>{{ucwords($val)}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="content-footer position-absolute bottom-0 col-md-12">
                        <div class="d-flex justify-content-between content-footer">
                            <button type="button" class="btn btn-outline-secondary btn-prev">
                                <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                                <span class="align-middle d-sm-inline-block d-none">{{trans('manager/manager_create.previous')}}</span>
                            </button>
                            <button type="button" class="btn btn-primary btn-next contractor">
                                <span class="align-middle d-sm-inline-block d-none">{{trans('manager/manager_create.next')}}</span>
                                <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                            </button>
                            <button type="submit" class="btn btn-success btn-submit user-submit" id="submit-text">{{trans('manager/manager_create.submit')}}</button>
                        </div>
                    </div>
                </div>
                <div id="contractor-details-vertical" class="content position-relative" role="tabpanel" aria-labelledby="contractor-details-vertical-trigger" style="min-height: 470px">
                    <div class="content-header">
                        <h5 class="mb-0">{{trans('manager/manager_create.contractor_details')}}</h5>
                        <small>{{trans('manager/manager_create.enter_contractor_details')}}</small>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-1">
								<label class="form-label" for="company_name">{{trans('manager/manager_create.company_name')}} <span class="mendatory-field text-danger">*</span></label>
                                <input type="text" id="company_name" name="company_name" class="form-control {{{$errors->has('company_name') ? 'error' : ''}}}" placeholder="Enter Company Name" value="{{ isset($manager->userDetail) && $manager->userDetail->company_name ? $manager->userDetail->company_name : old('company_name') }}"/>
                                {!! $errors->first('company_name','<label id="basic-default-error" for="company_name" class="error">:message</label>')!!}
                            </div>
                        </div>
						<div class="col-md-6">
							<div class="mb-1">
								<label class="form-label" for="company_address">{{trans('manager/manager_create.company_address')}} <span class="mendatory-field text-danger">*</span></label>
								<input type="text" id="company_address" name="company_address" class="form-control {{{$errors->has('company_address') ? 'error' : ''}}}" placeholder="Enter Company Address" value="{{ isset($manager->userDetail) && $manager->userDetail->company_address ? $manager->userDetail->company_address : old('company_address') }}"/>
								{!! $errors->first('company_address','<label id="basic-default-error" for="company_address" class="error">:message</label>')!!}
							</div>
						</div>
                    </div>
					<div class="row">
						<div class="col-md-6">
							<div class="mb-1">
								<label class="form-label" for="company_email">{{trans('manager/manager_create.company_email')}} <span class="mendatory-field text-danger">*</span></label>
								<input type="email" id="company_email" name="company_email" class="form-control {{{$errors->has('company_email') ? 'error' : ''}}}" placeholder="Enter Company Email" value="{{ isset($manager->userDetail) && $manager->userDetail->company_email ? $manager->userDetail->company_email : old('company_email') }}"/>
								{!! $errors->first('company_email','<label id="basic-default-error" for="company_email" class="error">:message</label>')!!}
							</div>
						</div>
                        <div class="col-md-6">
                            <div class="mb-1">
								<label class="form-label" for="company_phone">{{trans('manager/manager_create.company_phone')}} <span class="mendatory-field text-danger">*</span></label>
                                <input type="number" onkeydown="javascript: return event.keyCode == 69 ? false : true" onKeyPress="if(this.value.length==15) return false;" id="company_phone" name="company_phone" class="form-control {{{$errors->has('company_phone') ? 'error' : ''}}}" placeholder="Enter Company Phone" value="{{ isset($manager->userDetail) && $manager->userDetail->company_phone ? $manager->userDetail->company_phone : old('company_phone') }}"/>
                                {!! $errors->first('company_phone','<label id="basic-default-error" for="company_phone" class="error">:message</label>')!!}
                            </div>
                        </div>
                    </div>
					<div class="row">
						<div class="col-md-6">
							<div class="mb-1">
								<label class="form-label" for="aadhar_no">{{trans('manager/manager_create.aadhar_number')}} <span class="mendatory-field text-danger">*</span></label>
								<input type="number" onkeydown="javascript: return event.keyCode == 69 ? false : true" onKeyPress="if(this.value.length==12) return false;" id="aadhar_no" name="aadhar_no" class="form-control {{{$errors->has('aadhar_no') ? 'error' : ''}}}" placeholder="Enter Aadhar Number" value="{{ isset($manager->userDetail) && $manager->userDetail->aadhar_no ? $manager->userDetail->aadhar_no : old('aadhar_no') }}"/>
								{!! $errors->first('aadhar_no','<label id="basic-default-error" for="aadhar_no" class="error">:message</label>')!!}
							</div>
						</div>
						<div class="col-md-6">
							<div class="mb-1">
								<label class="form-label" for="pan_no">{{trans('manager/manager_create.pan_number')}} <span class="mendatory-field text-danger">*</span></label>
								<input type="text" maxlength="10" id="pan_no" name="pan_no" class="form-control {{{$errors->has('pan_no') ? 'error' : ''}}}" placeholder="Enter PAN Number" value="{{ isset($manager->userDetail) && $manager->userDetail->pan_no ? $manager->userDetail->pan_no : old('pan_no') }}"/>
								{!! $errors->first('pan_no','<label id="basic-default-error" for="pan_no" class="error">:message</label>')!!}
							</div>
						</div>
                    </div>
					<div class="row">
						<div class="col-md-6">
							<div class="mb-1">
								<label class="form-label" for="gst_no">{{trans('manager/manager_create.gst_number')}} <span class="mendatory-field text-danger">*</span></label>
								<input type="text" maxlength="15" id="gst_no" name="gst_no" class="form-control {{{$errors->has('gst_no') ? 'error' : ''}}}" placeholder="Enter GST Number" value="{{ isset($manager->userDetail) && $manager->userDetail->gst_no ? $manager->userDetail->gst_no : old('gst_no') }}"/>
								{!! $errors->first('gst_no','<label id="basic-default-error" for="gst_no" class="error">:message</label>')!!}
							</div>
                        </div>
                        <div class="col-md-6">
							<div class="mb-1">
								<label class="form-label" for="clra">{{trans('manager/manager_create.clra')}} <span class="mendatory-field text-danger">*</span></label>
								<input type="text" maxlength="15" id="clra" name="clra" class="form-control {{{$errors->has('clra') ? 'error' : ''}}}" placeholder="Enter CLRA  Number" value="{{ isset($manager->userDetail) && $manager->userDetail->clra ? $manager->userDetail->clra : old('clra') }}"/>
								{!! $errors->first('clra','<label id="basic-default-error" for="clra" class="error">:message</label>')!!}
							</div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="form-label" for="enrollment-limit">{{trans('manager/manager_create.enrollment_limit')}} </label>
                                <input type="text" id="enrollment-limit" name="enrollment_limit" class="numberonly form-control {{{ $errors->has('enrollment_limit') ? 'has-error' : '' }}}" placeholder="Enter Enrollment Limit" value="{{old('enrollment_limit', ($manager->userDetail) ? $manager->userDetail->enrollment_limit :'')}}"/>
                                 {!! $errors->first('enrollment_limit','<label id="basic-default-error" for="enrollment-limit" class="error">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="form-label" for="enrollment-buffer-limit">{{trans('manager/manager_create.enrollment_buffer_limit')}}</label>
                                <input type="text" id="enrollment-buffer-limit" name="enrollment_buffer_limit" class="numberonly form-control {{{ $errors->has('enrollment_buffer_limit') ? 'has-error' : '' }}}" placeholder="Enter Buffer Enrollment Limit" value="{{old('enrollment_buffer_limit', ($manager->userDetail) ? $manager->userDetail->enrollment_buffer_limit :'')}}" />
                                 {!! $errors->first('enrollment_buffer_limit','<label id="basic-default-error" for="enrollment-buffer-limit" class="error">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label class="form-label" for="daily-attendance-limit">{{trans('manager/manager_create.daily_attendance_limit')}} </label>
                                <input type="text" id="daily-attendance-limit" name="daily_attendance_limit" class="numberonly form-control {{{ $errors->has('daily_attendance_limit') ? 'has-error' : '' }}}" placeholder="Enter Daily Attendance Limit" value="{{old('daily_attendance_limit', ($manager->userDetail) ? $manager->userDetail->daily_attendance_limit :'')}}" />
                                 {!! $errors->first('daily_attendance_limit','<label id="basic-default-error" for="daily-attendance-limit" class="error">:message</label>')!!}
                            </div>
                        </div>
                    </div>


                    <div class="row">
						<div class="col-md-6">
							<div class="mb-1">
								<label class="form-label" for="valid_from">{{trans('manager/manager_create.valid_from')}} <span class="mendatory-field text-danger">*</span></label>
                                <input type="date" name="valid_from" class="form-control {{$errors->has('valid_from') ? 'error' : ''}}" value="{{ isset($manager->userDetail) && $manager->userDetail->valid_from ? $manager->userDetail->valid_from : old('valid_from') }}"/>
                                {!! $errors->first('valid_from', '<label class="error" for="valid_from">:message</label>')!!}
							</div>
                        </div>
                        <div class="col-md-6">
							<div class="mb-1">
								<label class="form-label" for="valid_to">{{trans('manager/manager_create.valid_to')}} <span class="mendatory-field text-danger">*</span></label>
                                <input type="date" name="valid_to" class="form-control {{$errors->has('valid_to') ? 'error' : ''}}" value="{{ isset($manager->userDetail) && $manager->userDetail->valid_to ? $manager->userDetail->valid_to : old('valid_to') }}"/>
                                {!! $errors->first('valid_to', '<label class="error" for="valid_to">:message</label>')!!}
							</div>
                        </div>
                    </div>
                    <br>
                    <br>
                    <div class="content-footer position-absolute bottom-0 col-md-12">
                        <div class="d-flex justify-content-between content-footer">
                            <button type="button" class="btn btn-outline-secondary btn-prev">
                                <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                                <span class="align-middle d-sm-inline-block d-none">{{trans('manager/manager_create.previous')}}</span>
                            </button>
							<button type="button" class="btn btn-primary btn-next">
                                <span class="align-middle d-sm-inline-block d-none">{{trans('manager/manager_create.next')}}</span>
                                <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                            </button>
                        </div>
                    </div>
                </div>
				<div id="attachments-vertical" class="content position-relative" role="tabpanel" aria-labelledby="attachments-vertical-trigger" style="min-height: 470px">
					<div class="content-header">
						<h5 class="mb-0">{{trans('manager/manager_create.attachments')}}</h5>
						<small>{{trans('manager/manager_create.add_documents')}}</small>
                        <br><p style="font-size: 0.857rem;"><i>{{ trans('common/common.attachmentCaption') }}</i></p>
					</div>
					<div class="row">
						<div class="col-md-3">
							<label for="aadhar_card" class="form-label">{{trans('manager/manager_create.aadhar_card')}} <span class="mendatory-field text-danger">*</span></label>
							<div class="uploadedDocBox text-center mb-1" id="aadhar_card_preview">
                                @if(isset($manager->userDetail->aadhar_card))
									@if($manager->userDetail->getMedia('aadhar_card')[0]->mime_type=="application/msword" || $manager->userDetail->getMedia('aadhar_card')[0]->mime_type=="appplication/docx" || $manager->userDetail->getMedia('aadhar_card')[0]->mime_type=="appplication/doc")
                                        <a href="{!! $manager->userDetail->aadhar_card !!}" target="_blank"><img src="/assets/img/docx-icon.jpg" alt="attachment" style="height: 250px; width:100%; object-fit: contain;"></a>
                                    @elseif($manager->userDetail->getMedia('aadhar_card')[0]->mime_type=="application/pdf")
                                        <a href="{!! $manager->userDetail->aadhar_card !!}" target="_blank"><img src="/assets/img/pdf-icon.jpg" alt="attachment" style="height: 250px; width:100%; object-fit: contain;"></a>
                                    @else
                                        <a href="{!! $manager->userDetail->aadhar_card !!}" target="_blank"><img src="{!! $manager->userDetail->aadhar_card !!}" alt="attachment" style="height: 250px; width:100%; object-fit: contain;"></a>
                                    @endif
								@else
								<img src="https://via.placeholder.it/300x60?text=Aadhar Card Attachment" value="{{ old('aadhar_card_preview') }}" alt="aadhar card" style="width:100%;height: 250px;object-fit: contain;" onerror="this.src='/assets/img/default-profile-3.png'"/> @endif
							</div>
							<div class="mb-1">
								<input type="file" class="form-control fileinput {{{$errors->has('aadhar_card') ? 'error' : ''}}}" name="aadhar_card" id="aadhar_card" data-filename-placement="inside" title="Browse">
							</div>
							{!! $errors->first('aadhar_card', '<label class="error" for="aadhar_card">:message</label>')!!}
						</div>

						<div class="col-md-3">
							<label for="gst_attachment" class="form-label">{{trans('manager/manager_create.gst')}} <span class="mendatory-field text-danger">*</span></label>
							<div class="uploadedDocBox text-center mb-1" id="gst_attachment_preview">
                                @if(isset($manager->userDetail->gst_attachment))
									@if($manager->userDetail->getMedia('gst_attachment')[0]->mime_type=="application/msword" || $manager->userDetail->getMedia('gst_attachment')[0]->mime_type=="appplication/docx" || $manager->userDetail->getMedia('gst_attachment')[0]->mime_type=="appplication/doc")
										<a href="{!! $manager->userDetail->gst_attachment !!}" target="_blank"><img src="/assets/img/docx-icon.jpg" alt="attachment" style="height: 250px; width:100%; object-fit: contain;"></a>
									@elseif($manager->userDetail->getMedia('gst_attachment')[0]->mime_type=="application/pdf")
										<a href="{!! $manager->userDetail->gst_attachment !!}" target="_blank"><img src="/assets/img/pdf-icon.jpg" alt="attachment" style="height: 250px; width:100%; object-fit: contain;"></a>
									@else
										<a href="{!! $manager->userDetail->gst_attachment !!}" target="_blank"><img src="{!! $manager->userDetail->gst_attachment !!}" alt="attachment" style="height: 250px; width:100%; object-fit: contain;"></a>
									@endif
								@else
								<img src="https://via.placeholder.it/300x60?text=GST Attachment" value="{{ old('gst_attachment_preview') }}" alt="aadhar card" style="width:100%;height: 250px;object-fit: contain;" onerror="this.src='/assets/img/default-profile-3.png'"/> @endif
							</div>
							<div class="mb-1">
								<input type="file" class="form-control fileinput {{{$errors->has('gst_attachment') ? 'error' : ''}}}" name="gst_attachment" id="gst_attachment" data-filename-placement="inside" title="Browse">
							</div>
							{!! $errors->first('gst_attachment', '<label class="error" for="gst_attachment">:message</label>')!!}
						</div>
						<div class="col-md-3">
							<label for="pan_card" class="form-label">{{trans('manager/manager_create.pan_card')}} <span class="mendatory-field text-danger">*</span></label>
							<div class="uploadedDocBox text-center mb-1" id="pan_card_preview">
                                @if(isset($manager->userDetail->pan_card))
									@if($manager->userDetail->getMedia('pan_card')[0]->mime_type=="application/msword" || $manager->userDetail->getMedia('pan_card')[0]->mime_type=="appplication/docx" || $manager->userDetail->getMedia('pan_card')[0]->mime_type=="appplication/doc")
										<a href="{!! $manager->userDetail->pan_card !!}" target="_blank"><img src="/assets/img/docx-icon.jpg" alt="attachment" style="height: 250px; width:100%; object-fit: contain;"></a>
									@elseif($manager->userDetail->getMedia('pan_card')[0]->mime_type=="application/pdf")
										<a href="{!! $manager->userDetail->pan_card !!}" target="_blank"><img src="/assets/img/pdf-icon.jpg" alt="attachment" style="height: 250px; width:100%; object-fit: contain;"></a>
									@else
										<a href="{!! $manager->userDetail->pan_card !!}" target="_blank"><img src="{!! $manager->userDetail->pan_card !!}" alt="attachment" style="height: 250px; width:100%; object-fit: contain;"></a>
									@endif
								@else
								<img src="https://via.placeholder.it/300x60?text=Pan Card Attachment" value="{{ old('pan_card_preview') }}" alt="aadhar card" style="width:100%;height: 250px;object-fit: contain;" onerror="this.src='/assets/img/default-profile-3.png'"/> 
								@endif
							</div>
							<div class="mb-1">
								<input type="file" class="form-control fileinput {{{$errors->has('pan_card') ? 'error' : ''}}}" name="pan_card" id="pan_card" data-filename-placement="inside" title="Browse">
							</div>
							{!! $errors->first('pan_card', '<label class="error" for="pan_card">:message</label>')!!}
						</div>
                        <div class="col-md-3 mb-3">
							<label for="image" class="form-label">{{trans('manager/manager_create.logo')}} <span class="mendatory-field text-danger">*</span></label>
							<div class="uploadedDocBox text-center mb-1" id="image_preview">
                                @if(isset($manager->image))
									@if($manager->getMedia('image')[0]->mime_type=="application/msword" || $manager->getMedia('image')[0]->mime_type=="appplication/docx" || $manager->getMedia('image')[0]->mime_type=="appplication/doc")
										<a href="{!! $manager->image !!}" target="_blank"><img src="/assets/img/docx-icon.jpg" alt="attachment" style="height: 250px; width:100%; object-fit: contain;"></a>
									@elseif($manager->getMedia('image')[0]->mime_type=="application/pdf")
										<a href="{!! $manager->image !!}" target="_blank"><img src="/assets/img/pdf-icon.jpg" alt="attachment" style="height: 250px; width:100%; object-fit: contain;"></a>
									@else
										<a href="{!! $manager->image !!}" target="_blank"><img src="{!! $manager->image !!}" alt="attachment" style="height: 250px; width:100%; object-fit: contain;"></a>
									@endif
								@else
								<img src="https://via.placeholder.it/300x60?text=IMAGE Attachment" value="{{ old('image_preview') }}" alt="image" style="width:100%;height: 250px;object-fit: contain;" onerror="this.src='/assets/img/default-profile-3.png'"/> @endif
							</div>
							<div class="mb-1">
								<input type="file" class="form-control fileinput {{{$errors->has('image') ? 'error' : ''}}}" name="image" id="image" data-filename-placement="inside" title="Browse">
							</div>
							{!! $errors->first('image', '<label class="error" for="image">:message</label>')!!}
						</div>
					</div>
                    <br><br><br>
					<div class="content-footer position-absolute bottom-0 col-md-12">
						<div class="d-flex justify-content-between content-footer">
							<button type="button" class="btn btn-outline-secondary btn-prev">
								<i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
								<span class="align-middle d-sm-inline-block d-none">{{trans('manager/manager_create.previous')}}</span>
							</button>
							<button type="button" class="btn btn-primary btn-next">
                                <span class="align-middle d-sm-inline-block d-none">{{trans('manager/manager_create.next')}}</span>
                                <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                            </button>
						</div>
					</div>
				</div>
				<div id="commission-vertical" class="content position-relative" role="tabpanel" aria-labelledby="commission-vertical-trigger" style="min-height: 470px">
					<div class="content-header">
						<h5 class="mb-0">{{trans('manager/manager_create.commission_config')}}</h5>
						<small>{{trans('manager/manager_create.enter_commission_config')}}</small>
					</div>
					<div class="row">
                        <div class="col-md-12 mt-1">
                            <h6><strong>Late Coming</strong></h6>
                        </div>
						<div class="col-md-4">
							<div class="mb-1">
								<label class="form-label" for="late_coming_variance">{{trans('manager/manager_create.variance')}}</label>
								<input type="number" onkeydown="javascript: return event.keyCode == 69 ? false : true" onKeyPress="if(this.value.length==3) return false;" id="late_coming_variance" name="late_coming_variance" class="form-control {{{$errors->has('late_coming_variance') ? 'error' : ''}}}" placeholder="Enter {{trans('manager/manager_create.variance')}}" value="{{ old('late_coming_variance', @$manager->userDetail->late_coming_variance) }}"/>
								{!! $errors->first('late_coming_variance','<label id="basic-default-error" for="late_coming_variance" class="error">:message</label>')!!}
							</div>
						</div>
						<div class="col-md-4">
							<div class="mb-1">
								<label class="form-label" for="late_coming_fault_perc">{{trans('manager/manager_create.fault_perc')}}</label>
								<input type="number" onkeydown="javascript: return event.keyCode == 69 ? false : true" onKeyPress="if(this.value.length==3) return false;" id="late_coming_fault_perc" name="late_coming_fault_perc" class="form-control {{{$errors->has('late_coming_fault_perc') ? 'error' : ''}}}" placeholder="Enter {{trans('manager/manager_create.fault_perc')}}" value="{{ old('late_coming_fault_perc', @$manager->userDetail->late_coming_fault_perc) }}"/>
								{!! $errors->first('late_coming_fault_perc','<label id="basic-default-error" for="late_coming_fault_perc" class="error">:message</label>')!!}
							</div>
						</div>
						<div class="col-md-4">
							<div class="mb-1">
								<label class="form-label" for="late_coming_max_allowed">{{trans('manager/manager_create.max_allowed')}}</label>
								<input type="number" onkeydown="javascript: return event.keyCode == 69 ? false : true" onKeyPress="if(this.value.length==3) return false;" id="late_coming_max_allowed" name="late_coming_max_allowed" class="form-control {{{$errors->has('late_coming_max_allowed') ? 'error' : ''}}}" placeholder="Enter {{trans('manager/manager_create.max_allowed')}}" value="{{ old('late_coming_max_allowed', @$manager->userDetail->late_coming_max_allowed) }}"/>
								{!! $errors->first('late_coming_max_allowed','<label id="basic-default-error" for="late_coming_max_allowed" class="error">:message</label>')!!}
							</div>
						</div>
                        <div class="col-md-12 mt-1">
                            <h6><strong>Short / Excess</strong></h6>
                        </div>
						<div class="col-md-4">
							<div class="mb-1">
								<label class="form-label" for="short_excess_variance">{{trans('manager/manager_create.variance')}}</label>
								<input type="number" onkeydown="javascript: return event.keyCode == 69 ? false : true" onKeyPress="if(this.value.length==3) return false;" id="short_excess_variance" name="short_excess_variance" class="form-control {{{$errors->has('short_excess_variance') ? 'error' : ''}}}" placeholder="Enter {{trans('manager/manager_create.variance')}}" value="{{ old('short_excess_variance', @$manager->userDetail->short_excess_variance) }}"/>
								{!! $errors->first('short_excess_variance','<label id="basic-default-error" for="short_excess_variance" class="error">:message</label>')!!}
							</div>
						</div>
						<div class="col-md-4">
							<div class="mb-1">
								<label class="form-label" for="short_excess_fault_perc">{{trans('manager/manager_create.fault_perc')}}</label>
								<input type="number" onkeydown="javascript: return event.keyCode == 69 ? false : true" onKeyPress="if(this.value.length==3) return false;" id="short_excess_fault_perc" name="short_excess_fault_perc" class="form-control {{{$errors->has('short_excess_fault_perc') ? 'error' : ''}}}" placeholder="Enter {{trans('manager/manager_create.fault_perc')}}" value="{{ old('short_excess_fault_perc', @$manager->userDetail->short_excess_fault_perc) }}"/>
								{!! $errors->first('short_excess_fault_perc','<label id="basic-default-error" for="short_excess_fault_perc" class="error">:message</label>')!!}
							</div>
						</div>
						<div class="col-md-4">
							<div class="mb-1">
								<label class="form-label" for="short_excess_max_allowed">{{trans('manager/manager_create.max_allowed')}}</label>
								<input type="number" onkeydown="javascript: return event.keyCode == 69 ? false : true" onKeyPress="if(this.value.length==3) return false;" id="short_excess_max_allowed" name="short_excess_max_allowed" class="form-control {{{$errors->has('short_excess_max_allowed') ? 'error' : ''}}}" placeholder="Enter {{trans('manager/manager_create.max_allowed')}}" value="{{ old('short_excess_max_allowed', @$manager->userDetail->short_excess_max_allowed) }}"/>
								{!! $errors->first('short_excess_max_allowed','<label id="basic-default-error" for="short_excess_max_allowed" class="error">:message</label>')!!}
							</div>
						</div>
					</div>
                    <br><br><br>
					<div class="content-footer position-absolute bottom-0 col-md-12">
						<div class="d-flex justify-content-between content-footer">
							<button type="button" class="btn btn-outline-secondary btn-prev">
								<i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
								<span class="align-middle d-sm-inline-block d-none">{{trans('manager/manager_create.previous')}}</span>
							</button>
							<button type="submit" class="btn btn-success btn-submit" id="confirm-submit-text">{{trans('manager/manager_create.submit')}}</button>
						</div>
					</div>
				</div>
            </div>
        </div>
    </section>
 
{!! Form::close() !!} 
<!-- Basic Floating Label Form section end -->

@endsection 

@push('footer-script')

<!-- BEGIN: Page Vendor JS-->
<script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
<script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
<script src="/app-assets/vendors/js/forms/validation/jquery.validate.min.js"></script>
<script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.date.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.time.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/legacy.js"></script>
<!-- END: Page Vendor JS-->

<!-- BEGIN: Page JS-->
<script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
<script src="/app-assets/js/scripts/forms/form-validation.js"></script>
<script src="/app-assets/js/scripts/forms/pickers/form-pickers.js"></script>
<!-- END: Page JS-->
<script type="text/javascript">
    $(document).ready(function(){
        $('.contractor').hide();
        $('.user-submit').show();
        showContractor();
    });
    function showContractor(){
        var val = $('#is_contractor').val();
        if(val=='1' || val==1){
            $('.contractor').show();
            $('.user-submit').hide();
        }
        else{
            $('.contractor').hide();
            $('.user-submit').show();
        }
    }
    function select_unselect_all() {
        let x = document.querySelector(`#permissions_all`);
        if (x.checked) {
            document.querySelectorAll(`.permissions_`).forEach(element => {
                element.checked = true;
            });
        } else {
            document.querySelectorAll(`.permissions_`).forEach(element => {
                element.checked = false;
            });
        }
    }

	function readURL(input, placeToInsertImagePreview) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function(event) {
                var extension = input.files[0].name.split('.').pop().toLowerCase();
                if(extension == "pdf"){
                    $(placeToInsertImagePreview).html($.parseHTML('<img src="/assets/img/pdf-icon.jpg" style="height:250px; width:100%; object-fit: contain;">'));
                }
                else if(extension == "docx" || extension=="doc"){
                    $(placeToInsertImagePreview).html($.parseHTML('<img src="/assets/img/docx-icon.jpg" style="height:250px; width:100%; object-fit: contain;">'));
                }
                else{
                    $(placeToInsertImagePreview).html($($.parseHTML('<img style="height:250px; width:100%; object-fit: contain;">')).attr('src', event.target.result));
                }
            }
            reader.readAsDataURL(input.files[0]);
        }
    }

    $("#aadhar_card").change(function() {
        readURL(this, '#aadhar_card_preview');
    });

	$("#gst_attachment").change(function() {
        readURL(this, '#gst_attachment_preview');
    });

	$("#pan_card").change(function() {
        readURL(this, '#pan_card_preview');
    });
    $("#image").change(function() {
        readURL(this, '#imagepreview');
    });
    $('.numberonly').keypress(function (e) {    
        var charCode = (e.which) ? e.which : e.keyCode    
        if (String.fromCharCode(charCode).match(/[^0-9]/g))    
            return false;                        
    }); 
</script>
<script>
    function getLocations() {
            var organizationIds = $('#organization_id').val();
            var data = {
                organizationIds: organizationIds,
                '_token': '{{{csrf_token()}}}'
            }
            $.ajax({
                url: '/ajax/locations',
                type: 'POST',
                data: data,
                success: function(data) {
                    var selectbox = '';
                    $('#location_id').html(selectbox);
                    if (data) {
                        $.each(data, function(i, item) {
                            selectbox += '<option value="' + item.id + '">' + item.name + '</option>';
                           
                        });
                        $('#location_id').html(selectbox);
                        $('#location_id').trigger('change');
                    }
                }
            });
            
        }

        $(document).on('change', '.select_all', function(){
            let inputId = $(this).attr('id');
            inputId = inputId.replace('select_all_', '');

            if($(this).is(':checked')){
                $('#'+inputId+' option').prop("selected", true);
            }else{
                $('#'+inputId+' option').prop("selected", false);
            }
            $('#'+inputId).trigger('change');
        })

        $(document).on('change', '.selected_fields', function(){
            var totalOptions = $(this).find('option').length;
            var selectedOptions = $(this).find('option:selected').length;

            let inputId = $(this).attr('id');
            inputId = 'select_all_' + inputId;

            if (totalOptions == selectedOptions) {
                $('#'+inputId).prop('checked', true);
            } else {
                $('#'+inputId).prop('checked', false);
            }
        });
    
</script>
@endpush