@extends('template.desktop.app')

@section('toolbar')
<div id="kt_app_toolbar" class="app-toolbar pt-7 pt-lg-10">
    <div id="kt_app_toolbar_container" class="app-container container-fluid d-flex align-items-stretch">
        <div class="d-flex flex-column flex-row-fluid">
            <div class="page-title d-flex align-items-center gap-1">
                <span class="text-gray-900 fw-bolder fs-2x">Edit User</span>
                <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-base ms-3 mb-0">
                    <li class="breadcrumb-item text-gray-700 fw-bold"><i class="ki-duotone ki-home fs-3 text-gray-500"></i></li>
                    <li class="breadcrumb-item"><i class="ki-duotone ki-right fs-4 text-gray-700"></i></li>
                    <li class="breadcrumb-item text-gray-700 fw-bold">User List</li>
                    <li class="breadcrumb-item"><i class="ki-duotone ki-right fs-4 text-gray-700"></i></li>
                    <li class="breadcrumb-item text-gray-700 fw-bold">Edit</li>
                </ul>
            </div>
        </div>
    </div>
</div>
@endsection


@section('content')
<div class="card">
    <div class="card-body py-4">

        <form action="{{ route('management_users.update', $user->id) }}" method="POST" class="form">
            @csrf
            @method('PUT')

            <div class="px-5 px-lg-10">

                {{-- Username | Email --}}
                <div class="row mb-7">
                    <div class="col-md-6 fv-row">
                        <label class="required fw-semibold fs-6 mb-2">Username</label>
                        <input type="text" name="username" class="form-control form-control-solid"
                            value="{{ $user->username }}" required>
                    </div>

                    <div class="col-md-6 fv-row">
                        <label class="required fw-semibold fs-6 mb-2">Email</label>
                        <input type="email" name="email" class="form-control form-control-solid"
                            value="{{ $user->email }}" required>
                    </div>
                </div>

                {{-- Password | Phone --}}
                <div class="row mb-7">
                    <div class="col-md-6 fv-row">
                        <label class="fw-semibold fs-6 mb-2">Password
                            <small class="text-muted">(Leave blank to keep current)</small>
                        </label>
                        <input type="password" name="password" class="form-control form-control-solid"
                            placeholder="New Password">
                    </div>

                    <div class="col-md-6 fv-row">
                        <label class="required fw-semibold fs-6 mb-2">Phone Number</label>
                        <input type="text" name="phone_number" class="form-control form-control-solid"
                            value="{{ $user->phone_number }}" required>
                    </div>
                </div>

                {{-- ROLE --}}
                <div class="fv-row mb-7">
                    <label class="required fw-semibold fs-6 mb-2">Role</label>

                    @php
                        $roles = [
                            'superadmin' => 'Superadmin',
                            'admin' => 'Administrator',
                            'customer_services' => 'Customer Service',
                            'finance' => 'Finance',
                            'warehouse' => 'Warehouse',
                            'mitra' => 'Mitra',
                            'distributor' => 'Distributor',
                        ];
                    @endphp

                    <div class="d-flex flex-wrap gap-4">
                        @foreach ($roles as $value => $label)
                        <label class="form-check form-check-custom form-check-solid">
                            <input type="radio" name="role" value="{{ $value }}"
                                   class="form-check-input me-3"
                                   {{ $user->role === $value ? 'checked' : '' }}>
                            <span class="fw-bold text-gray-800">{{ $label }}</span>
                        </label>
                        @endforeach
                    </div>
                </div>

                {{-- STATUS --}}
                <div class="fv-row mb-7">
                    <label class="required fw-semibold fs-6 mb-2">Status</label>
                    <input type="hidden" name="status" value="0">

                    <label class="form-check form-switch form-check-custom form-check-solid">
                        <input type="checkbox" name="status" value="1" class="form-check-input"
                               {{ $user->status ? 'checked' : '' }}>
                        <span class="form-check-label fw-bold text-gray-800">Active</span>
                    </label>
                </div>

                {{-- BUTTONS --}}
                <div class="pt-5">
                    <a href="{{ route('management_users.index') }}" class="btn btn-light me-3">Cancel</a>
                    <button type="submit" class="btn btn-primary">
                        <span class="indicator-label">Update</span>
                    </button>
                </div>

            </div>
        </form>

    </div>
</div>
@endsection