@extends('layouts/base_view')
@section('title')
{!! $variables['header_routes'] !!}
@endsection
@section('content')
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card card-secondary">
                    <div class="card-header">
                        <h3 class="card-title">{!! $variables['judul'] !!}</h3>
                    </div>
                    <div class="card-body">
                        <!-- <form method="post" action="{{ route('users.store', $data->id, $variables['type']) }}" enctype="multipart/form-data"> -->
                        <form method="post" action="{{ route('users.store', [$data->id, $variables['type']]) }}" enctype="multipart/form-data">
                            @csrf
                            @if($variables['type'] == 'cp')
                            <div class="row">
                                <div class="form-group form-floating mb-3 col-md-4">
                                    <input
                                        type="password"
                                        class="form-control"
                                        name="current_password"
                                        placeholder="">
                                    <label for="current_password">Old Password</label>
                                    @if ($errors->has('current_password'))
                                    <span class="text-danger text-left">{{ $errors->first('current_password') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-4">
                                    <input
                                        type="password"
                                        class="form-control"
                                        name="password"
                                        placeholder=""
                                        value="{{ old('password', '') }}">
                                    <label for="password">New Password</label>
                                    @if ($errors->has('password'))
                                    <span class="text-danger text-left">{{ $errors->first('password') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-4">
                                    <input
                                        type="password"
                                        class="form-control"
                                        name="password_confirmation"
                                        placeholder=""
                                        value="{{ old('password_confirmation', $data->password_confirmation ?? '') }}">
                                    <label for="password_confirmation">Confirmation Password</label>
                                    @if ($errors->has('password_confirmation'))
                                    <span class="text-danger text-left">{{ $errors->first('password_confirmation') }}</span>
                                    @endif
                                </div>
                            </div>
                            @elseif($variables['type'] == 'ema')
                            <div class="row">
                                <div class="form-group form-floating mb-3 col-md-6">
                                    <input value="{{ old('fullname', $data->fullname ?? '') }}" type="text" class="form-control" name="fullname" placeholder="">
                                    <label for="fullname">Fullname</label>
                                    @if ($errors->has('fullname'))
                                    <span class="text-danger text-left">{{ $errors->first('fullname') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-3">
                                    <input value="{{ old('email', $data->email ?? '') }}" type="text" class="form-control" name="email" placeholder="">
                                    <label for="email">Email</label>
                                    @if ($errors->has('email'))
                                    <span class="text-danger text-left">{{ $errors->first('email') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-3">
                                    <input value="{{ old('telephone', $data->telephone ?? '') }}" type="text" class="form-control" name="telephone" placeholder="">
                                    <label for="telephone">Telephone</label>
                                    @if ($errors->has('telephone'))
                                    <span class="text-danger text-left">{{ $errors->first('telephone') }}</span>
                                    @endif
                                </div>
                            </div>
                            @else
                            <div class="row">
                                <div class="form-group form-floating mb-3 col-md-3">
                                    <input value="{{ old('fullname', $data->fullname ?? '') }}" type="text" class="form-control" name="fullname" placeholder="">
                                    <label for="fullname">Fullname</label>
                                    @if ($errors->has('fullname'))
                                    <span class="text-danger text-left">{{ $errors->first('fullname') }}</span>
                                    @endif
                                </div>                                 
                                <div class="form-group form-floating mb-3 col-md-3">
                                    <input value="{{ old('email', $data->email ?? '') }}" type="text" class="form-control" name="email" placeholder="">
                                    <label for="email">Email</label>
                                    @if ($errors->has('email'))
                                    <span class="text-danger text-left">{{ $errors->first('email') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-3">
                                    <input value="{{ old('telephone', $data->telephone ?? '') }}" type="text" class="form-control" name="telephone" placeholder="">
                                    <label for="telephone">Telephone</label>
                                    @if ($errors->has('telephone'))
                                    <span class="text-danger text-left">{{ $errors->first('telephone') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-3">
                                    <label for="role_id" style="opacity: .65;transform: scale(.85) translateY(-.5rem) translateX(.15rem);">Role</label>
                                    <select name="role_id" class="form-control" required>
                                        <option value="">-- Select Role --</option>
                                        @foreach($variables['roles'] as $comb)
                                        <option value="{{ $comb->id }}" {{ old('role_id', $variables['currentRole'] ?? '') == $comb->id ? 'selected' : '' }}>
                                            {{ $comb->name }}
                                        </option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('role_id'))
                                    <span class="text-danger">{{ $errors->first('role_id') }}</span>
                                    @endif
                                </div>
                                @if(empty($data->username))
                                <div class="form-group form-floating mb-3 col-md-3">
                                    <input value="{{ old('username', $data->username ?? '') }}" type="text" class="form-control" name="username" placeholder="">
                                    <label for="username">Username</label>
                                    @if ($errors->has('username'))
                                    <span class="text-danger text-left">{{ $errors->first('username') }}</span>
                                    @endif
                                </div>
                                <div class="form-group form-floating mb-3 col-md-3">
                                    <input
                                        type="password"
                                        class="form-control"
                                        name="password"
                                        placeholder=""
                                        value="{{ $data->password ?? '' }}">
                                    <label for="password">Password</label>
                                    @if ($errors->has('password'))
                                    <span class="text-danger text-left">{{ $errors->first('password') }}</span>
                                    @endif
                                </div>
                                @else
                                <div class="form-group form-floating mb-3 col-md-6"></div>
                                @endif 
                                <div class="col-sm-12">
                                    <div class="card card-outline card-secondary">
                                        <div class="card-header">
                                            <h3 class="card-title">Akses Cabang</h3>

                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                                                    <i class="fas fa-minus"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-group">
                                                <div class="select2-blue">
                                                    <select required name="user_clients[]" class="select2" multiple="multiple" data-placeholder="..." data-dropdown-css-class="select2-blue" style="width: 100%;">
                                                        <option value="">-- Select Role --</option>
                                                        @foreach($variables['clients'] as $comb)
                                                        <option value="{{ $comb->id }}" {{ (is_array(old('user_clients', $variables['user_clients'] ?? [])) && in_array($comb->id, old('user_clients', $variables['user_clients'] ?? []))) ? 'selected' : '' }}>
                                                            {{ $comb->name }}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- /.card-body -->
                                    </div>
                                    <!-- /.card -->
                                </div>
                            </div>
                            @endif
                            <button type="submit" class="btn btn-outline-primary"><i class="fa-regular fa-floppy-disk"></i> Save</button>
                            <a href="{{ route('users.index') }}" class="btn btn-outline-secondary" data='back' onclick="return notificationBeforeBack(event, this);">Back</a>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection