@extends('layouts.app')
@php
$userPermission = \Session::get('userPermission');
$organization_type = \Session::get('organization_type');
$currentOrganization = \Session::get('currentOrganization');
@endphp
@section('content')
    <div class="nk-block-head nk-block-head-sm">
        <div class="nk-block-between">
            <div class="nk-block-head-content">
                <h3 class="nk-block-title page-title"><a href="javascript:history.back()" class="pt-3"><em class="icon ni ni-chevron-left back-icon"></em> </a> Add User</h3>
            </div><!-- .nk-block-head-content -->
        </div><!-- .nk-block-between -->
    </div><!-- .nk-block-head -->
    <form role="form" method="post" enctype="multipart/form-data" >
        @csrf
        <div class="nk-block">
            <div class="card card-bordered sp-plan">
                <div class="row no-gutters">
                    <div class="col-md-3">
                        <div class="sp-plan-action card-inner">
                            <div class="icon">
                                <h6 class="o-5">Role Information</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="sp-plan-info card-inner">
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Role" for="role" required="true" suggestion="Select the role of the user." />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.select  size="sm" required="true" name="role" for="role" data-search="on" class="roles">
                                        @if(count($roles) > 1)
                                        <option value="">Select Role</option>
                                        @endif
                                        @foreach ($roles as $role)

                                        <option
                                        @if(isset($user) && $user->role == $role->id)
                                        selected
                                        @elseif(old('role') == $role->id) 
                                        selected
                                        @endif
                                        value="{{ $role->id }}">{{ $role->label }}</option>
                                        @endforeach
                                    </x-inputs.select>
                                    @if ($errors->has('role'))
                                        <span class="text-danger">{{ $errors->first('role') }}</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- .nk-block -->
        <div class="nk-block">
            <div class="card card-bordered sp-plan">
                <div class="row no-gutters">
                    <div class="col-md-3">
                        <div class="sp-plan-action card-inner">
                            <div class="icon">
                                
                                <h6 class="o-5">Personal Information</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="sp-plan-info card-inner">
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="First Name" for="firstName" suggestion="Specify the first name of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.text  value="{{ isset($user) ? $user->name : old('firstname') }}" for="firstName" icon="user" placeholder="First name" name="firstname" required="true" />
                                    @if ($errors->has('firstname'))
                                        <span class="text-danger">{{ $errors->first('firstname') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Last Name" for="lastName" suggestion="Specify the last name of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.text value="{{ isset($user) ? $user->last_name : old('lastname') }}" for="lastName" icon="user" required="true" placeholder="Last name" name="lastname"/>
                                    @if ($errors->has('lastname'))
                                        <span class="text-danger">{{ $errors->first('lastname') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Email" for="email" suggestion="Specify the email of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.email value="{{ isset($user) ? $user->email : old('email') }}" for="email" icon="mail" required="true" placeholder="Email" name="email" />
                                    @if ($errors->has('email'))
                                        <span class="text-danger">{{ $errors->first('email') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Mobile Number" for="mobileNumber" suggestion="Specify the mobile number of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.text value="{{ isset($user) ? $user->phone_number : old('mobileNumber') }}" for="mobileNumber" icon="call" required="true" placeholder="Mobile Number" name="mobileNumber"
                                    data-parsley-pattern="{{ \Config::get('constants.REGEX.VALIDATE_MOBILE_NUMBER_LENGTH') }}"
                                    />
                                    @if ($errors->has('mobileNumber'))
                                        <span class="text-danger">{{ $errors->first('mobileNumber') }}</span>
                                    @endif
                                </div>
                            </div>
                            <!-- <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Approved" for="approved" suggestion="Specify the approval of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.switch for="approved" size="md" name="approved"/>
                                </div>
                            </div> -->
                            
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- .nk-block -->
        @if(isset($organization_type) && $organization_type == 'MULTIPLE')
        <div class="nk-block">
            <div class="card card-bordered sp-plan">
                <div class="row no-gutters">
                    <div class="col-md-3">
                        <div class="sp-plan-action card-inner">
                            <div class="icon">
                                <em class="icon ni ni-user fs-36px o-5"></em>
                                <h5 class="o-5">Organization</h5>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="sp-plan-info card-inner">
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Organization" for="organization" suggestion="Assign the organizations to the buyer" />
                                </div>
                                <div class="col-lg-7">
                                    <select class="form-select" multiple="" data-placeholder="Select Organization" data-parsley-errors-container=".proCatParsley" name="organization[]" required="" id="organization">
                                        <option value=""> Select Organization</option>
                                        @foreach ($organizations as $key => $organization)
                                        <option 
                                        @if(isset($user) && in_array($organization->id,$buyerOrgs)) selected @endif 
                                        value="{{ $organization->id }}">{{ $organization->name }}</option>
                                        @endforeach
                                    </select>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- .nk-block -->
        @else
        <input type="hidden" name="organization" id="organization" value="{{ $currentOrganization }}">
        @endif
        <div class="nk-block buyer-section">
            <div class="card card-bordered sp-plan">
                <div class="row no-gutters">
                    <div class="col-md-3">
                        <div class="sp-plan-action card-inner">
                            <div class="icon">
                               
                                <h6 class="o-5">Buyer Information</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="sp-plan-info card-inner">
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Shop Name" for="shopName" suggestion="Specify the shop name of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.text value="{{ isset($user) ? $user->shop_name : old('shopname') }}" for="shopName" icon="building" required="true" placeholder="Shop Name" name="shopname" class="buyerFileds" disabled/>
                                    @if ($errors->has('shopname'))
                                        <span class="text-danger">{{ $errors->first('shopname') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="GST" for="gst" suggestion="Specify the GST number of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.text value="{{ isset($user) ? $user->gst : old('gst') }}" for="gst" icon="notes-alt" required="true" placeholder="GST Number" name="gst" class="buyerFileds" />
                                    @if ($errors->has('gst'))
                                        <span class="text-danger">{{ $errors->first('gst') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Credit Limit" for="creditLimit" suggestion="Specify the credit limit of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.text value="{{ isset($user) ? $user->credit_limit : old('creditLimit') }}" for="creditLimit" icon="sign-inr" required="true" placeholder="Credit Limit" name="creditLimit" class="buyerFileds" />
                                    @if ($errors->has('creditLimit'))
                                        <span class="text-danger">{{ $errors->first('creditLimit') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Category" for="category" suggestion="Select the category of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.select  size="md" name="category" for="category"  class="buyerFileds" >
                                        @foreach ($retailerCategories as $key => $category)
                                        <option 
                                        
                                        @if(isset($user) && $user->retailer_catagory == $category->id)
                                        selected
                                        @elseif(old('category') == $category->id) 
                                        selected
                                        @endif

                                        value="{{ $category->id }}">{{ $category->retailer_catagory }}</option>
                                    @endforeach
                                    </x-inputs.select>
                                    @if ($errors->has('category'))
                                        <span class="text-danger">{{ $errors->first('category') }}</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- .nk-block -->
        <div class="nk-block">
            <div class="card card-bordered sp-plan">
                <div class="row no-gutters">
                    <div class="col-md-3">
                        <div class="sp-plan-action card-inner">
                            <div class="icon">
                                <h6 class="o-5">Address Information</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="sp-plan-info card-inner">
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Address 1" for="address1" suggestion="Specify the address of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.text value="{{ isset($user) ? $user->address1 : old('address1') }}" for="address1" icon="map-pin" required="true" placeholder="Address 1" name="address1"/>
                                    @if ($errors->has('address1'))
                                        <span class="text-danger">{{ $errors->first('address1') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Address 2" for="address2" suggestion="Specify the address of the user." required="false" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.text value="{{ isset($user) ? $user->address2 : old('address2') }}" for="address2" icon="map-pin" required="false" placeholder="Address 2" name="address2"/>
                                    @if ($errors->has('address2'))
                                        <span class="text-danger">{{ $errors->first('address2') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Country" for="country" suggestion="Select the country of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.select  size="md" required="true" name="country" for="country" data-search="on">
                                        <option value="103">India</option>
                                    </x-inputs.select>
                                    @if ($errors->has('country'))
                                        <span class="text-danger">{{ $errors->first('country') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="State" for="state" suggestion="Select the state of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.select  size="md" name="state" required="true" for="state" data-search="on">
                                    <option value=""> Select State</option>
                                        @foreach ($states as $key => $state)
                                            <option 
                                            @if(isset($user) && $user->state == $state->id)
                                            selected
                                            @elseif(old('state') == $state->id) 
                                            selected
                                            @endif
                                            value="{{ $state->id }}">{{ $state->name }}</option>
                                        @endforeach
                                    </x-inputs.select>
                                    @if ($errors->has('state'))
                                        <span class="text-danger">{{ $errors->first('state') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="District" for="district" suggestion="Select the district of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.select  size="md" name="district" required="true" for="district" data-search="on">
                                    @if(isset($user) && $user->district)
                                        @foreach ($districts as $key => $district)
                                            <option 
                                            @if(isset($user) && $user->district == $district->id)
                                            selected
                                            @elseif(old('district') == $district->id) 
                                            selected
                                            @endif
                                            value="{{ $district->id }}">{{ $district->name }}</option>
                                        @endforeach
                                    @endif
                                    </x-inputs.select>
                                    @if ($errors->has('district'))
                                        <span class="text-danger">{{ $errors->first('district') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="City" for="city" suggestion="Select the city of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.select  size="md" name="city" required="true" for="city" data-search="on">
                                    @if(isset($user) && $user->city)
                                        @foreach ($cities as $key => $city)
                                            <option 
                                            @if(isset($user) && $user->city == $city->id)
                                            selected
                                            @elseif(old('city') == $city->id) 
                                            selected
                                            @endif
                                            value="{{ $city->id }}">{{ $city->name }}</option>
                                        @endforeach
                                    @endif
                                    </x-inputs.select>
                                    @if ($errors->has('city'))
                                        <span class="text-danger">{{ $errors->first('city') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Pincode" for="pincode" suggestion="Specify the pincode of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.text value="{{ isset($user) ? $user->pincode : old('pincode') }}" for="pincode" icon="map-pin" required="true" placeholder="Pincode" name="pincode" data-parsley-pattern="{{ \Config::get('constants.REGEX.VALIDATE_ZIP_CODE') }}"/>
                                    @if ($errors->has('pincode'))
                                        <span class="text-danger">{{ $errors->first('pincode') }}</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- .nk-block -->
        <!-- <div class="nk-block">
            <div class="card card-bordered sp-plan">
                <div class="row no-gutters">
                    <div class="col-md-3">
                        <div class="sp-plan-action card-inner">
                            <div class="icon">
                                <em class="icon ni ni-lock fs-36px o-5"></em>
                                <h6 class="o-5">Security</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="sp-plan-info card-inner">
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Password" for="password" suggestion="Specify the password of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.password value="" for="password" required="true" icon="lock" placeholder="Password" name="password"/>
                                </div>
                            </div>
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Confirm Password" for="confirmPassword" suggestion="Specify the confirm password of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.password value="" for="confirmPassword" icon="lock" placeholder="Confirm password" name="confirmPassword"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> --><!-- .nk-block -->
        <div class="nk-block userFoundBox">
            <div class="card card-bordered sp-plan">
                <div class="row no-gutters">
                    <div class="col-md-3">
                        <div class="sp-plan-action card-inner">
                            <div class="icon">
                                <h6 class="o-5">Image</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="sp-plan-info card-inner">
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Profile Image" for="Picture" suggestion="Upload the picture of the user." />
                                </div>
                                <div class="col-lg-7">
                                    <div class="form-group">
                                        <div class="form-control-wrap">
                                            <div class="custom-file">
                                                <input type="file" class="custom-file-input userFoundInput" name="file"  id="customFile">
                                                <label class="custom-file-label" for="customFile">Choose file</label>
                                                @if ($errors->has('file'))
                                                    <span class="text-danger">{{ $errors->first('file') }}</span>
                                                @endif
                                            </div>
                                            @if(isset($user) && !is_null($user->file))
                                            <div class="media_box">
                                                <img height="100" width="100" src="{{url('uploads/users/'.$user->file)}}">
                                                <a href="javascript:void(0);" data-id="{{ $user->id }}" class="removeMedia">
                                                    <i class="fa fa-trash"></i> Remove
                                                </a>
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- .nk-block -->
        @if(!isset($user))
        <div class="nk-block userFoundBox">
            <div class="card card-bordered sp-plan">
                <div class="row no-gutters">
                    <div class="col-md-3">
                        <div class="sp-plan-action card-inner">
                            <div class="icon">
                                <h6 class="o-5">Security</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="sp-plan-info card-inner">
                            
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Password" for="password" suggestion="Specify the password of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.password value="" for="password" required="true" icon="lock" placeholder="Password" name="password" class="userFoundInput"/>
                                    @if ($errors->has('password'))
                                        <span class="text-danger">{{ $errors->first('password') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Confirm Password" for="password_confirmation" suggestion="Specify the confirm password of the user." required="true" />
                                </div>
                                <div class="col-lg-7">
                                    <x-inputs.password value="" for="password_confirmation" icon="lock" placeholder="Confirm password" name="password_confirmation" class="userFoundInput"/>
                                    @if ($errors->has('password_confirmation'))
                                        <span class="text-danger">{{ $errors->first('password_confirmation') }}</span>
                                    @endif
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- .nk-block -->
        @endif
        <div class="nk-block brandsBox" style="display: none;">
            <div class="card card-bordered sp-plan">
                <div class="row no-gutters">
                    <div class="col-md-3">
                        <div class="sp-plan-action card-inner">
                            <div class="icon">
                                <h6 class="o-5">Assign Brands</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="sp-plan-info card-inner">
                            <div class="row g-3 align-center">
                                <div class="col-lg-12">
                                    <div class="row g-3">
                                        <div id="brands">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- .nk-block -->
        <div class="nk-block">
            <div class="card card-bordered sp-plan">
                <div class="row no-gutters">
                    <div class="col-md-3">
                        <div class="sp-plan-action card-inner">
                            <div class="icon">
                                <h6 class="o-5">Approval</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="sp-plan-info card-inner">
                            <div class="row g-3 align-center">
                                <div class="col-lg-5">
                                    <x-inputs.verticalFormLabel label="Approved" for="approved" suggestion="Specify the approval of the user." />
                                </div>
                                <div class="col-lg-7">

                                    @php
                                        if(isset($user) && $user->status){
                                            $checked = 'true';
                                        }else{
                                            $checked = '';
                                        }
                                    @endphp
                                    <x-inputs.switch for="approved" size="md" name="approved" checked={{$checked}}/>
                                    @if ($errors->has('approved'))
                                        <span class="text-danger">{{ $errors->first('approved') }}</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- .nk-block -->        
        <div class="nk-block">
            @isset($user)
                <input type="hidden" name="userId" id="userId" value="{{ $user->id }}">
            @endisset
            <div class="row">
                <div class="col-md-12">
                    <div class="sp-plan-info pt-0 pb-0 card-inner">  
                            <div class="row">
                                <div class="col-lg-7 text-right offset-lg-5">
                                    <div class="form-group">
                                        <a href="javascript:history.back()" class="btn btn-outline-light">Cancel</a>
                                        <button type="submit" class="btn btn-primary">Submit</button>
                                    </div>
                                </div>
                            </div>
                    </div><!-- .sp-plan-info -->
                </div><!-- .col -->
            </div><!-- .row -->
        </div>
        <input type="hidden" name="userFound" id="userFound" value="0">
    </form>
    <input type="hidden" name="role_type" id="role_type" value="{{old('role')}}">
    <input type="hidden" name="old_district" id="old_district" value="{{old('district')}}">
    <input type="hidden" name="old_city" id="old_city" value="{{old('city')}}">

    <input type="hidden" name="mappedBrands" id="mappedBrands" value="@if(isset($user)){{ implode(',', $mappedBrands) }}@endif">

    <script type="text/javascript">

        $(document).ready(function(){
            var root_url = "