@extends('retailer.master')
@section ('css')
    <link href="{{asset('css/multiple-select/1.5.2/multiple-select.min.css')}}" rel="stylesheet">
    <style>
        select.no-radius{
            border:none;
        }
        .select-wrapper{
            border: 1px solid black;
            border-radius: 0px;
        }
    </style>
@endsection
@section('main')
    <main id="js-page-content" role="main" class="page-content">
        <ol class="breadcrumb page-breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0);">Admin</a></li>
            <li class="breadcrumb-item">User</li>
            <li class="breadcrumb-item active">Edit</li>
            <li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
        </ol>
        <div class="row">
            <div class="col-xl-12">
                <div id="panel-1" class="panel">
                    <div class="panel-hdr">
                        <h2>
                            <i class="subheader-icon fal fa-edit"></i> Edit user <span class="fw-300"></span>
                        </h2>
                        <div class="panel-toolbar">
                            <button class="btn btn-panel waves-effect waves-themed" data-action="panel-collapse" data-toggle="tooltip" data-offset="0,10" data-original-title="Collapse"></button>
                            <button class="btn btn-panel waves-effect waves-themed" data-action="panel-fullscreen" data-toggle="tooltip" data-offset="0,10" data-original-title="Fullscreen"></button>
                            <button class="btn btn-panel waves-effect waves-themed" data-action="panel-close" data-toggle="tooltip" data-offset="0,10" data-original-title="Close"></button>
                        </div>
                    </div>
                    <div class="panel-container show">
                        <div class="panel-content">
                            <div class="panel-tag">
                                Be sure to provide first name, last name and email address
                                <button
                                    type="button"
                                    class="float-right btn-sm btn-primary"
                                    onclick="location.href='../users'"
                                >Back to Users</button>
                            </div>
                            @if (session('success'))
                                <div class="alert alert-success">
                                    {{ session('success') }}
                                </div>
                            @endif
                            @error('name')
                            <div class="alert alert-danger">
                                {{ $message }}
                            </div>
                            @enderror
                            <form class="needs-validation" novalidate method="post" action="../edit-user">
                                <input value="0"
                                       type="hidden"
                                       name="retailer_user[enabled_2fa]">
                                @csrf
                                <input type="hidden" name="retailer_user[id]" value="{{$user->id}}">
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="first_name">First Name</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                    <span class="input-group-text"
                                                          id="first_name_addon">
                                                        <i class="far fa-user"></i>
                                                    </span>
                                            </div>
                                            <input id="first_name"
                                                   type="text"
                                                   aria-describedby="first_name_addon"
                                                   class="form-control @error('first_name')is-invalid @enderror"
                                                   name="retailer_user[first_name]"
                                                   value="{{ $user->first_name }}"
                                                   autocomplete="first_name"
                                                   required
                                                   autofocus>
                                            @error('first_name')
                                            <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                            <div class="invalid-feedback">
                                                First Name is required
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="last_name">Last Name</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                    <span class="input-group-text"
                                                          id="last_name_addon">
                                                        <i class="far fa-user"></i>
                                                    </span>
                                            </div>
                                            <input id="last_name"
                                                   type="text"
                                                   aria-describedby="last_name_addon"
                                                   class="form-control @error('first_name')is-invalid @enderror"
                                                   name="retailer_user[last_name]"
                                                   value="{{ $user->last_name }}"
                                                   autocomplete="last_name"
                                                   required
                                                   autofocus>
                                            @error('last_name')
                                            <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                            <div class="invalid-feedback">
                                                Last Name is required
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-4">
                                        <label for="email">Email</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                    <span class="input-group-text"
                                                          id="email_addon">
                                                        <i class="fas fa-envelope-square"></i>
                                                    </span>
                                            </div>
                                            <input  value="{{  $user->email }}"
                                                    aria-describedby="email_addon"
                                                    type="email"
                                                    autocomplete="off"
                                                    id="email"
                                                    class="form-control @error('email')is-invalid @enderror"
                                                    name="retailer_user[email]"
                                                    autofocus
                                                    required
                                                    placeholder="Email">
                                            @error('email')
                                            <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                            <div class="invalid-feedback">
                                                Plsease provide a vaild email address.
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-2">
                                        <label for="enabled_2fa">2FA enabled <a href="#" data-toggle="tooltip" title="If you require two factor authentication, please check this box"><i class="fas fa-info-circle"></i></a></label>
                                        <div class="custom-control custom-checkbox">
                                            <input value="{{  $user->enabled_2fa }}"
                                                   type="checkbox"
                                                   class="custom-control-input"
                                                   name="retailer_user[enabled_2fa]"
                                                   id="enabled_2fa"
                                                    {{  $user->enabled_2fa == 1 ? 'checked' : ''}}>
                                            <label class="custom-control-label" for="enabled_2fa"></label>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label for="phone">Mobile <a href="#" data-toggle="tooltip" title="Mobile number should be provided for two factor authentication and should have country code. E.g +447429103017"><i class="fas fa-info-circle"></i></a></label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                    <span class="input-group-text"
                                                          id="phone_addon">
                                                      <i class="fas fa-phone"></i>
                                                    </span>
                                            </div>
                                            <input value="{{  $user->phone }}"
                                                   aria-describedby="phone_addon"
                                                   type="tel"
                                                   autocomplete="phone"
                                                   class="form-control @error('phone')is-invalid @enderror"
                                                   name="retailer_user[phone]"
                                                   id="phone"
                                                   placeholder="Mobile">
                                            @error('phone')
                                            <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                            <div class="invalid-feedback">
                                                Please provide a valid mobile number with country code.
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                    @if( $retailers->count() == 1)
                                        @foreach($retailers as $retailer)
                                            <input type="hidden" name="retailer[]" value="{{$retailer->id}}">
                                        @endforeach
                                    @else
                                        <div class="form-row">
                                            <div class="form-group col-md-6">
                                                <label for="retailer">Retailer</label>
                                                <div class="input-group mb-3">
                                                    <select class="no-radius"
                                                            id="retailer"
                                                            multiple
                                                            name="retailer[]"
                                                            aria-describedby="retailer_addon">
                                                        @foreach ( $retailers as $retailer )
                                                            <option
                                                                value="{{ $retailer->id }}"
                                                                {{ $user->retailers->contains('id', $retailer->id) ? "selected" : "" }}
                                                            >
                                                                {{ $retailer->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                <button  type="submit" class="btn btn-primary">Update User</button>
                            </form>
                            <form class="needs-validation" novalidate method="post" action="../update-roles-permissions">
                                @csrf
                                <input type="hidden" value="{{$user->id}}" name="user_id">
                                <hr class="my-4">
                                <div>
                                    <h5><strong>Roles and Permissions</strong></h5>
                                    <br>
                                </div>
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <label>Roles</label>
                                        </div>
                                    </div>
                                    @foreach( $roles as $role )
                                        <div class="custom-control custom-checkbox custom-control-inline">
                                            <input class="custom-control-input checkbox_roles"
                                                   {{$user->hasRole($role->name) ? "checked" : ""}}
                                                   type="checkbox"
                                                   name="roles[]"
                                                   id="role{{$role->id}}"
                                                   value="{{$role->name}}">
                                            <label class="custom-control-label"
                                                   for="role{{$role->id}}">
                                                {{$role->name}}
                                            </label>
                                        </div>
                                    @endforeach
                                </div>
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <label>Permissions</label>
                                        </div>
                                    </div>
                                    @foreach( $permissions as $permission)
                                        <div class="custom-control custom-checkbox custom-control-inline">
                                            <input class="custom-control-input checkbox_permissions"
                                                   {{ $user->can($permission->name) ? "checked disabled" : ''}}
                                                   type="checkbox"
                                                   name = "permissions[]"
                                                   id="permission{{$permission->id}}"
                                                   value="{{$permission->name}}">
                                            <label class="custom-control-label"
                                                   for="permission{{$permission->id}}">
                                                {{$permission->name}}
                                            </label>
                                        </div>
                                    @endforeach
                                </div>
                                <button type="submit" id="edit_roles_permissions" class="btn btn-primary">Update</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection
@section('script')
    <script src="{{asset('js/multiple-select/1.5.2/multiple-select.min.js')}}"></script>
    <script>
        var roles = @json($roles);
    </script>
    <script src="{{ asset("js/retailer/editUser.js") }}"></script>
@endsection