@extends('layouts.app')
@section('urlContent')
    {!! view('components.breadcrumbs', [
        'b_items' => [
            'Kullanıcı Tanımla' => '/root/user-definition/index',
        ],
    ]) !!}
@endsection
@section('content')
    <div class="container-app">
        <form method="POST" action="{{ route('root.userDefinition') }}">
            @csrf
            <div class="flex w-full gap-6">
                <div class="w-1/2 flex flex-col gap-3 border border-theme_secondary_black rounded-xl p-6">
                    <h1 class="text-xl text-gray-50 font-semibold">KİME TANIMLANACAK ?</h1>
                    @foreach ($users as $user)
                        <label for="{{ $loop->index }}" class="flex items-center gap-2 cursor-pointer w-fit">
                            <input id="{{ $loop->index }}" class="flex input-2 text-black w-5 h-5"
                                value="{{ $user->id }}" name="users[]" type="radio">
                            <span
                                class="text-gray-400 font-medium">{{ $user->full_name . ' (' . $user->roles[0]->title . ')' }}</span>
                        </label>
                    @endforeach
                </div>
                <div class="w-1/2 flex flex-col gap-3 border border-theme_secondary_black rounded-xl p-6">
                    <h1 class="text-xl text-gray-50 font-semibold">KİM TANIMLANACAK ?</h1>
                    @foreach ($users as $user)
                        <label class="flex items-center gap-2 cursor-pointer w-fit">
                            <input id="{{ $loop->index }}" class="flex input-2 text-black w-5 h-5 rounded-md"
                                value="{{ $user->id }}" name="definedUsers[]" type="checkbox">
                            <span
                                class="text-gray-400 font-medium">{{ $user->full_name . ' (' . $user->roles[0]->title . ')' }}</span>
                        </label>
                    @endforeach
                </div>
            </div>
            <div class="flex justify-center items-center py-6 w-full">
                <button class="button-3 px-12">Tanımla</button>
            </div>
        </form>
    </div>
    @if ($errors->any())
        @include('components.error-modal-second')
    @endif
    @if (session('error'))
        @include('components.error-modal')
    @endif
    @if (session('success'))
        @include('components.success-modal')
    @endif
@endsection