@extends('layouts.base')
@section('heading')
     {{ __('Edit existing user') }}
@endsection
@section('info')
    Edit user {{ $user->first_name }} {{ $user->last_name }}
@endsection
@section('half_body')
    <div class="m-auto py-6 grid place-content-center_">
        <div class="w-full">
            <form action="{{ route('users.store') }}" method="POST" class="w-full" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="operation" id="operation" value="update">
                <input type="hidden" name="user_id" id="user_id" value="{{ $user->id }}">
                <div class="mt-2 w-full">
                    <label for="first_name" class="block text-gray-400 m-2 text-sm">First Name</label>
                    <input type="text" class="w-full rounded-lg hover:border-blue-400 focus:border-blue-400 border-none hover:border-2 focus:border-2 " name="first_name" id="first_name" placeholder="" value="{{ $user->first_name }}">
                </div>
                <div class="mt-2 w-full">
                    <label for="last_name" class="block text-gray-400 m-2 text-sm">Last Name</label>
                    <input type="text" class="w-full rounded-lg hover:border-blue-400 focus:border-blue-400 border-none hover:border-2 focus:border-2 " name="last_name" id="last_name" placeholder="" value="{{ $user->last_name }}">
                </div>
                <div class="w-full">
                    <label for="email" class="block text-gray-400 m-2 text-sm">User Email</label>
                    <input type="email" class="w-full rounded-lg hover:border-blue-400 focus:border-blue-400 border-none hover:border-2 focus:border-2 " name="email" id="email" placeholder="" value="{{ $user->email }}">
                </div>
                <div class="w-full">
                    <label for="user_role" class="block text-gray-400 m-2 text-sm hover:border-blue-400 focus:border-blue-400 border-none hover:border-2 focus:border-2">Role</label>
                    <select name="user_role" id="user_role" class="w-full rounded-lg">
                        <option value="ADMIN"  {{ $user->user_role === 'ADMIN' ? 'selected' : '' }}>ADMIN</option>
                        <option value="OPERATOR" {{ $user->user_role === 'OPERATOR' ? 'selected' : '' }}>OPERATOR</option>
                    </select> 
                </div>
                <div class="mt-4 w-full">
                    <button type="submit" class="w-full text-white rounded-lg py-2 px-3 bg-blue-500 hover:bg-blue-400">UPDATE</button>
                </div>
            </form>
            <form action="{{ route('users.store') }}" method="POST" class="w-full" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="operation" id="operation" value="change_password">
                <input type="hidden" name="user_id" id="user_id" value="{{ $user->id }}">
                <div class="w-full">
                    <label for="password" class="block text-gray-400 m-2 text-sm">User password</label>
                    <input type="password" class="w-full rounded-lg hover:border-blue-400 focus:border-blue-400 border-none hover:border-2 focus:border-2 " name="password" id="password" placeholder="">
                </div>
                <div class="mt-4 w-full">
                    <button type="submit" class="w-full text-white rounded-lg py-2 px-3 bg-blue-500 hover:bg-blue-400">CHANGE PASSWORD</button>
                </div>
            </form>            
        </div>
    </div>
@endsection