@extends('layouts.master')

@section('body')
<div>
    <h2 class="text-orange-400 text-base md:text-3xl font-medium mb-4">İstifadəçi düzəlişi</h2>

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

        <div class="mb-4">
            <label for="name" class="block font-medium text-gray-700">Adı</label>
            <input type="text" name="name" value="{{ old('name', $user->name) }}"
                   class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
            @error('name')
                <span class="text-red-500">{{ $message }}</span>
            @enderror
        </div>

        <div class="mb-4">
            <label for="email" class="block font-medium text-gray-700">Email</label>
            <input type="email" name="email" value="{{ old('email', $user->email) }}"
                   class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
            @error('email')
                <span class="text-red-500">{{ $message }}</span>
            @enderror
        </div>

        <div class="mb-4">
            <label for="branch" class="block font-medium text-gray-700">Filial</label>
            <input type="text" name="branch" value="{{ implode(', ', $user->branches->pluck('name')->toArray()) }}"
                   class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
            @error('branch')
                <span class="text-red-500">{{ $message }}</span>
            @enderror
        </div>

        <div>
            <label class="text-gray-700" for="role">Role</label>
            <select id="role" name="role_id"
                class="mt-2 bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-orange-500 focus:border-orange-500 block w-full p-2.5">
                @foreach ($roles as $role)
                    <option {{ $role->id == $user->role_id ? 'selected' :  '' }} value="{{ $role->id }}">{{ $role->name }}</option>
                @endforeach
            </select>
        </div>

        <div class="mb-4">
            <label for="current_password" class="block font-medium text-gray-700">Cari şifrə</label>
            <input type="password" name="current_password" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
        </div>

        <div class="mb-4">
            <label for="password" class="block font-medium text-gray-700">Yeni şifrə</label>
            <input type="password" name="password" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
        </div>

        <div class="mb-4">
            <label for="password_confirmation" class="block font-medium text-gray-700">Yeni şifrə təkrar</label>
            <input type="password" name="password_confirmation" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
        </div>

        

        <div class="mt-6">
            <button type="submit"
                    class="px-4 py-2 bg-blue-500 text-white font-bold rounded hover:bg-blue-700">
                Dəyiş
            </button>
        </div>
    </form>
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
</div>
@endsection