@extends('layouts.backend.index')
@section('title', $label)

@section('content')
<div class="card">
    <div class="card-body">
        <h4 class="card-title mb-1 text-info">
            <i class="{{ $icon }}"></i> &nbsp;{{ $label }}
        </h4>
        <p class="card-description">
            Fitur untuk mengubah data {{ Str::lower($label) }}.
        </p>
        <hr />

        <form method="post" action="{{ route('user.update', ['user' => $user]) }}" class="form-block">
            @csrf
            @method('put')
            
            <div class="row">
                <div class="col-sm-4 col-md-3">
                    <div class="form-group">
                        <label>Username</label>

                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text input-group-mdi"><i class="mdi mdi-account"></i></span>
                            </div>
                            <input type="text" name="username" class="form-control" value="{{ old('username', $user->username) }}" placeholder="....." autocomplete="off" />
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 col-md-3">
                    <div class="form-group">
                        <label>Password</label>

                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text input-group-mdi text-dark">
                                    <i class="mdi mdi-lock"></i>
                                </span>
                            </div>
                            <input type="password" name="password" class="form-control" placeholder="....." autocomplete="off" />
                        </div>
                        <small class="text-muted">Hanya diisi apabila ingin diubah.</small>
                    </div>
                </div>
                <div class="col-sm-4 col-md-6">
                    <div class="form-group">
                        <label>Role</label>

                        <select name="role[]" class="set-select2" multiple>
                            <option value=""></option>

                            @php
                            $old = old('role', json_decode($user->role, true));
                            @endphp
                            
                            @foreach ($option['role'] as $v => $l)
                                @php
                                $selected = (in_array($v, $old)) ? ' selected' : '';
                                @endphp
                                <option value="{{ $v }}"{{ $selected }}>{{ $l }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-7 col-md-6">
                    <div class="form-group">
                        <label>Nama</label>
                        <input type="text" name="name" class="form-control" value="{{ old('name', $user->name) }}" placeholder="....." autocomplete="off" />
                    </div>
                </div>
                <div class="col-sm-5 col-md-3">
                    <div class="form-group">
                        <label>No. HP <small>( Whatsapp )</small></label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text input-group-mdi">
                                    <i class="mdi mdi-cellphone"></i>
                                </span>
                            </div>
                            <input type="text" name="phone" class="form-control handphone-mask" value="{{ old('phone', $user->phone) }}" placeholder="....." autocomplete="off">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-5 col-md-4">
                    <div class="form-group">
                        <label>Email</label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text input-group-mdi">
                                    <i class="mdi mdi-email"></i>
                                </span>
                            </div>
                            <input type="text" name="email" class="form-control email-mask" value="{{ old('email', $user->email) }}" placeholder="....." autocomplete="off">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 col-md-4">
                    <div class="form-group">
                        <label>Status</label>
                        <div class="form-check-box">
                            <div class="row">