@extends('layouts.main')

@section('content')
<div class="container-fluid">
    @if(Session::has('success'))
    <div class="alert alert-success">
        {{ Session::get('success') }}
    </div>
    @endif

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

    <div class="container-fluid shadow">
        <div class="row justify-content-center">
            <div class="col-xl-10 col-lg-6 col-md-10">
                <div class="card-body p-0">
                    <div class="row justify-content-center">
                        <div class="p-5">
                            <div class="text-center">
                                <form action="/public/users/{{ $users->id }}" method="POST" enctype="multipart/form-data">
                                    @method('put')
                                    @csrf
                                    <div class="card-header py-3 d-flex flex-row align-items-center justify-content-center">
                                        <h3 class="m-0 font-weight-bold text-info">EDIT DATA</h3>
                                    </div>
                            </div>

                            <br><br>

                            <div class="form-group row">
                                <div class="col-sm-2 mb-3 mb-sm-0">
                                    <label for="id" class="form-label">ID/NO</label>
                                    <input type="text" class="form-control form-control-user" id="id" name="id"
                                        value="{{ old('id') ?? $users->id }}">
                                   
                                </div>

                                <div class="col-sm-4">
                                    <label for="name" class="form-label">Nama Lengkap</label>
                                    <input type="text" class="form-control form-control-user" id="name" name="name"
                                        value="{{ old('name') ?? $users->name }}">
                                    @error('name')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-sm-4">
                                    <label for="email" class="form-label">Email</label>
                                    <input type="text" class="form-control form-control-user" id="email" name="email"
                                        value="{{ old('email') ?? $users->email }}">
                                    @error('email')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <br>

                            <div class="form-group row">
                                <div class="col-sm-4 mb-3 mb-sm-0">
                                    <label for="jenis_kelamin" class="form-label">Jenis Kelamin</label>
                                    <select name="jenis_kelamin" id="jenis_kelamin" class="form-control form-select">
                                        <option value="L"
                                            {{ old('jenis_kelamin', $users->jenis_kelamin) == 'L' ? 'selected' : '' }}>
                                            Laki-laki</option>
                                        <option value="P"
                                            {{ old('jenis_kelamin', $users->jenis_kelamin) == 'P' ? 'selected' : '' }}>
                                            Perempuan</option>
                                    </select>
                                    @error('jenis_kelamin')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-sm-4">
                                    <label for="HP" class="form-label">Telpon/HP</label>
                                    <input type="text" class="form-control form-control-user" id="HP" name="HP"
                                        value="{{ old('HP') ?? $users->HP }}">
                                    @error('HP')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-sm-3">
                                    <label for="role" class="form-label">Role</label>
                                    <select name="role" id="role" class="form-control form-select">
                                        <option value="peserta"
                                            {{ old('role', $users->role) == 'peserta' ? 'selected' : '' }}>
                                            Peserta</option>
                                        <option value="admin"
                                            {{ old('role', $users->role) == 'admin' ? 'selected' : '' }}>
                                            Admin</option>
                                        <option value="umi"
                                            {{ old('role', $users->role) == 'umi' ? 'selected' : '' }}>
                                            Umi</option>
                                    </select>
                                    @error('role')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-sm-4">
                                    <label for="photo" class="form-label">Ganti Photo</label><br>
                                    @if ($users->image != '')
                                        <img alt="User Pic" src="{{ asset('storage/photo/' . $users->image) }}"
                                            class="image" width="160px" height="160px" style="border-radius: 10%" vertical-align="middle">
                                    @else
                                        <img alt="User Pic" src="{{ asset('img/images.png') }}" class="image"
                                            width="160px" height="160px" style="border-radius: 10%" vertical-align="middle">
                                    @endif
                                    <input type="file" class="form-control" id="photo" name="photo" value="{{ old('photo') }}">
                                </div>
                            </div>

                            <div class="modal-footer">
                                <a href="/public/users"><button type="button" class="btn btn-secondary"
                                        data-bs-dismiss="modal">Close</button></a>
                                <button type="submit" class="btn btn-info">Update</button>
                            </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection