@extends('layout.default')

@section('styles')
    <link href="{{ asset('css/pages/wizard/wizard-4.css') }}" rel="stylesheet" type="text/css"/>
@endsection

@section('css')
    .invalid-feedback{ display: block!important;}
@endsection
@section('content')
    @php
        $user = $response['user'];
        $user->load(['roles','branches']);
        $profile_photo = $response['profile_photo'];
        $thumb_photo = $response['thumb_photo'];
        $branches = [];
        $user_branches = $user->branches->toArray();
       array_walk($user_branches, function ($value, $key) use(&$branches){
          $branches[$key] = ['branch_id' => $value['branch']['id'],'branch_name' => $value['branch']['name']];
        });

    @endphp
    @if(count($errors) > 0 )
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            <ul class="p-0 m-0" style="list-style: none;">
                @foreach($errors->all() as $error)
                    <li>{{$error}}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="card-body p-0">
        <div class="card card-custom card-shadowless rounded-top-0">
            <div class="card-body p-0">
                <div class="row justify-content-center py-8 px-8 py-lg-15 px-lg-10">
                    <div class="col-xl-12 col-xxl-10">
                        <form class="form" id="kt_form" action="{{ route('user.update', $user->id) }}" method="post"
                              enctype="multipart/form-data">
                            @method('PUT')
                            @csrf
                            <div class="row justify-content-center">
                                <div class="col-xl-9">
                                    <div class="my-5">
                                        <h5 class="text-dark font-weight-bold mb-10">User's Profile Details:</h5>
                                        <div class="form-group row">
                                            <label class="col-xl-3 col-lg-3 col-form-label text-left">Avatar</label>
                                            <div class="col-lg-9 col-xl-9">
                                                <div class="image-input image-input-outline"
                                                     id="kt_user_add_avatar">
                                                    <div class="image-input-wrapper"
                                                         style="background-image: url( @if(isset($profile_photo['file']) and !empty($profile_photo['file'])) {{ $profile_photo['file'] }} @else {{ '/media/users/blank.png'  }} @endif )"></div>
                                                    <label class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow"
                                                           data-action="change" data-toggle="tooltip" title=""
                                                           data-original-title="Change avatar">
                                                        <i class="fa fa-pen icon-sm text-muted"></i>
                                                        <input type="file" name="avatar"
                                                               accept=".png, .jpg, .jpeg"/>
                                                        <input type="hidden" name="avatar_remove"/>
                                                    </label>
                                                    <span class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow"
                                                          data-action="cancel" data-toggle="tooltip"
                                                          title="Cancel avatar">
																							<i class="ki ki-bold-close icon-xs text-muted"></i>
																						</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-xl-3 col-lg-3 col-form-label">First Name <b
                                                        class="text-danger">*</b></label>
                                            <div class="col-lg-9 col-xl-9">
                                                <input class="form-control form-control-solid form-control-lg"
                                                       name="first_name" type="text"
                                                       value="{{ $user->userDetail->first_name ?? '' }}"/>
                                                @error('first_name')
                                                <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-xl-3 col-lg-3 col-form-label">Last Name <b
                                                        class="text-danger">*</b></label>
                                            <div class="col-lg-9 col-xl-9">
                                                <input class="form-control form-control-solid form-control-lg"
                                                       name="last_name" type="text"
                                                       value="{{ $user->userDetail->last_name ?? '' }}"/>
                                                @error('last_name')
                                                <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-xl-3 col-lg-3 col-form-label">Code <b class="text-danger">*</b></label>
                                            <div class="col-lg-9 col-xl-9">
                                                <input class="form-control form-control-solid form-control-lg"
                                                       name="code" id="code" maxlength="5" type="text"
                                                       value="{{ $user->userDetail->code ?? '' }}" readonly/>
                                                @error('code')
                                                <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-xl-3 col-lg-3 col-form-label">Mobile no <b
                                                        class="text-danger">*</b></label>
                                            <div class="col-lg-9 col-xl-9">
                                                <div class="input-group input-group-solid input-group-lg">
                                                    <div class="input-group-prepend">
                                                            <span class="input-group-text">
                                                                <i class="la la-mobile"></i>
                                                            </span>
                                                    </div>
                                                    <input type="text" class="form-control form-control-solid"
                                                           name="mobile_no"
                                                           value="{{ $user->userDetail->mobile_no ?? '' }}"
                                                           placeholder="Mobile number"
                                                           data-inputmask='"mask": "99999 99999"' data-mask
                                                           pattern="^\[0-9]{5}\s[0-9]{5}$">
                                                    @error('mobile_no')
                                                    <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-xl-3 col-lg-3 col-form-label">Email Address <b
                                                        class="text-danger">*</b></label>
                                            <div class="col-lg-9 col-xl-9">
                                                <div class="input-group input-group-solid input-group-lg">
                                                    <div class="input-group-prepend">
                                                            <span class="input-group-text">
                                                                <i class="la la-at"></i>
                                                            </span>
                                                    </div>
                                                    <input type="text"
                                                           class="form-control form-control-solid form-control-lg"
                                                           name="email" value="{{ $user->email }}"/>
                                                    @error('email')
                                                    <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                    @enderror
                                                </div>
                                                <span class="form-text text-muted">Your Email ID is your Username.</span>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-xl-3 col-lg-3">Role <b class="text-danger">*</b></label>
                                            <div class="col-xl-9 col-lg-9">
                                                <select class="form-control form-control-lg form-control-solid roles_select2-js"
                                                        name="role" data-action="{{ route('role.dealer_distributor_autocomplete') }}"
                                                        data-placeholder="Select Role">
                                                    @if($user->roles)
                                                        <option value="{{ $user->roles->first() ? $user->roles->first()->id :'' }}">{{ $user->roles->first() ? $user->roles->first()->name :'' }}</option>
                                                    @endif
                                                </select>
                                                @error('role')<span class="invalid-feedback"
                                                                    role="alert"><strong>{{ $message }}</strong></span>@enderror
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-form-label col-xl-3 col-lg-3">Branch<b
                                                        class="text-danger">*</b></label>
                                            <div class="col-xl-9 col-lg-9">
                                                <select class="form-control form-control-lg form-control-solid branch_select2-js"
                                                        name="branch_id[]"
                                                        data-action="{{ route('branch.autocomplete') }}"
                                                        data-placeholder="Select Branch" multiple>
                                                    @if(count($branches) > 0)
                                                        @foreach($branches as $branch)
                                                            <option value="{{ $branch['branch_id'] }}"
                                                                    selected>{{ $branch['branch_name'] }}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                                @error('branch_id')<span class="invalid-feedback"
                                                                         role="alert"><strong>{{ $message }}</strong></span>@enderror
                                            </div>
                                        </div>
                                        {{--                                        <div class="form-group row">--}}
                                        {{--                                            <label class="col-form-label col-xl-3 col-lg-3">Password <b--}}
                                        {{--                                                        class="text-danger">*</b></label>--}}
                                        {{--                                            <div class="col-xl-9 col-lg-9">--}}
                                        {{--                                                <input class="form-control form-control-solid form-control-lg"--}}
                                        {{--                                                       name="password" type="password" value="">--}}
                                        {{--                                                @error('password')--}}
                                        {{--                                                <span class="invalid-feedback" role="alert">--}}
                                        {{--                                                            <strong>{{ $message }}</strong>--}}
                                        {{--                                                        </span>--}}
                                        {{--                                                @enderror--}}
                                        {{--                                            </div>--}}
                                        {{--                                        </div>--}}
                                    </div>
                                    <div class=" text-center ">
                                        <div>
                                            @PermissionsCan(groupPermissionName('user.store'))
                                            <button type="submit"
                                                    class="btn btn-success font-weight-bolder px-9 py-4"
                                                    data-wizard-type="action-submit">Submit
                                            </button>
                                            @endPermissionsCan
                                            @PermissionsCan(groupPermissionName('user.index'))
                                            <a href="{{ route('user.index') }}"
                                               class="btn btn-primary font-weight-bolder  py-4">
                                                <i class="ki ki-long-arrow-back icon-sm"></i>Back(ESC)</a>
                                            @endPermissionsCan
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('scripts')
    <script type="text/javascript">
        var UserTost = "{{ session('flash_notification.update.error') }}";
    </script>
    <script src="{{ asset('plugins/custom/datatables/datatables.bundle.js') }}" type="text/javascript"></script>
    <script type="text/javascript" src="{{ url('js/modules/user/edit.js?v='.time()) }}"></script>

@endsection