@extends('layouts.app')

@section('content')
<section class="pcoded-main-container">
    <div class="pcoded-wrapper">
        <div class="pcoded-content">
            <div class="pcoded-inner-content">
                <div class="main-body">
                    <div class="page-wrapper">
                        <!-- [ breadcrumb ] start -->
                        <div class="page-header">
                            <div class="page-block">
                                <div class="row align-items-center">
                                    <div class="col-md-12">
                                        <div class="page-header-title">
                                            <h5 class="m-b-10">JKR Hulu Langat</h5>
                                        </div>
                                        <ul class="breadcrumb">
                                            <li class="breadcrumb-item"><a href="index.html"><i class="feather icon-home"></i></a></li>
                                            <li class="breadcrumb-item"><a href="{{ route('user.index') }}">User/</a></li>
                                            <li class="breadcrumb-item"><a href="#!">{{ $user->exists ? 'Edit User' : 'Add User' }}</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- [ breadcrumb ] end -->

                        <div class="col-sm-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5>{{ $user->exists ? 'Kemaskini Pengguna' : 'Daftar Pengguna Baru' }}</h5>
                                </div>
                                <div class="card-body">

                                    @if ($message = Session::get('success'))
                                        <div class="alert alert-success">{{ $message }}</div>
                                    @endif

                                    @if ($message = Session::get('error'))
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @endif

                                    @if ($errors->any())
                                        <div class="alert alert-danger">
                                            <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    @endif

                                    <form action="{{ $user->exists ? route('user.update', $user->id) : route('user.store') }}" method="POST">
                                        @csrf
                                        @if($user->exists)
                                            @method('PUT')
                                        @endif

                                        <div class="form-row">
                                            <div class="form-group col-md-12">
                                                <label for="name">Name</label>
                                                <input type="text" name="name" class="form-control" id="name" value="{{ old('name', $user->name) }}" placeholder="User Name">
                                            </div>
                                        </div>

                                        <div class="form-row">
                                            <div class="form-group col-md-12">
                                                <label for="username">Username</label>
                                                <input type="text" name="username" class="form-control" id="username" value="{{ old('username', $user->username) }}" placeholder="Username">
                                            </div>
                                        </div>

                                        <div class="form-row">
                                            <div class="col-md-12">
                                                <label for="password">Password</label>
                                                <input type="password" class="form-control @error('password') is-invalid @enderror" name="password">
                                                @error('password')
                                                    <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="form-row">
                                            <div class="form-group col-md-12">
                                                <label for="password-confirm">Confirm Password</label>
                                                <input type="password" class="form-control" name="password_confirmation">
                                            </div>
                                        </div>

                                        <div class="form-row">
                                            <div class="form-group col-md-12">
                                                <label for="role_id">Role</label>
                                                <select id="role_id" name="role_id" class="form-control" required>
                                                    @foreach ($roles as $role)
                                                        <option value="{{ $role->id }}"
                                                            {{ old('role_id', $user->role_id) == $role->id ? 'selected' : '' }}>
                                                            {{ ucfirst($role->peranan) }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <hr>
                                        <button type="submit" class="btn btn-primary">{{ $user->exists ? 'Update' : 'Simpan' }}</button>
                                    </form>

                                </div>
                            </div>
                        </div>
                        {{-- table index end --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection