@extends('layout.master')

@section('title', 'Edit User')

@push('plugin-styles')
  <link href="{{ asset('assets/plugins/select2/select2.min.css') }}" rel="stylesheet" />
@endpush

@section('content')
<nav class="page-breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">User Management</a></li>
    <li class="breadcrumb-item active" aria-current="page">Edit User</li>
  </ol>
</nav>

<div class="row">
  <div class="col-md-12 grid-margin stretch-card">
    <div class="card">
      <div class="card-body">
        <h6 class="card-title">Edit User</h6>
        <form action="{{route('users.update',$user)}}" method="POST">
          @method('PUT')
          @csrf
          <div class="form-group">
            <label for="exampleInputUsername1">Name*</label>
            <input type="text" class="form-control" id="exampleInputUsername1" name="name_edit" autocomplete="off" placeholder="Name" value="{{$user->name}}">
          </div>
          <div class="form-group">
            <label for="exampleInputEmail1">Email address*</label>
            <input type="email" class="form-control" id="exampleInputEmail1" name="email_edit" placeholder="Email" value="{{$user->email}}">
          </div>
          <div class="form-group">
            <label for="exampleInputPassword1">Password*</label>
            <input type="password" class="form-control" id="exampleInputPassword1" name="password_edit" autocomplete="off" placeholder="Password">
          </div>
          <div class="form-group">
            <label for="exampleInputPassword1">Confirm Password*</label>
            <input type="password" class="form-control" id="exampleInputPassword1" name="c_password_edit" autocomplete="off" placeholder="Password">
          </div>
          <div class="form-group">  
            <label for="role">Role* <span class="btn btn-outline-primary btn-xs select-all">Select All</span> <span class="btn btn-outline-primary btn-xs deselect-all">Deselect All</span></label>
            <select name="role_edit" id="role" multiple="multiple" class="form-control">
              @foreach ($role as $roles)
                  <option value="{{$roles}}" {{in_array($roles,$user->getRoleNames()->toArray())?"selected":""}}>{{$roles}}</option>
              @endforeach
            </select>
          </div>
          <button type="submit" class="btn btn-primary mr-2">Save</button>
          <a href="{{route('users.index')}}" class="btn btn-light">Cancel</a>
        </form>
      </div>
    </div>
  </div>
</div>
@endsection

@push('plugin-scripts')
  <script src="{{ asset('assets/plugins/select2/select2.min.js') }}"></script>
@endpush

@push('custom-scripts')
  <script src="{{ asset('assets/js/file-upload.js') }}"></script>
  <script>

    $(function() {
      'use strict'
      if ($("#role").length) {
        $("#role").select2();
      }
    });
    $('.select-all').click(function(){
      $('#role').select2('destroy').find('option').prop('selected', 'selected').end().select2();
    });
    $('.deselect-all').click(function(){
      $('#role').select2('destroy').find('option').prop('selected', false).end().select2();
    });
  </script>
@endpush