@extends('admin.master_layout')
@section('title')
    <title>{{ $title }}</title>
@endsection

@section('body-header')
    <h3 class="crancy-header__title m-0">{{ $title }}</h3>
    <p class="crancy-header__text">{{ __('translate.User Roles') }} >> {{ $title }}</p>
@endsection

@section('body-content')
    <section class="crancy-adashboard crancy-show">
        <div class="container container__bscreen">
            <div class="row">
                <div class="col-12">
                    <div class="crancy-body">
                        <div class="crancy-dsinner">
                            <form action="{{ $role ? route('admin.user-roles.update', $role->id) : route('admin.user-roles.store') }}" method="POST">
                                @csrf
                                @if ($role)
                                    @method('PUT')
                                @endif

                                <div class="crancy-product-card">
                                    <h4 class="crancy-product-card__title">{{ __('translate.Role Information') }}</h4>

                                    <div class="crancy__item-form--group mg-top-25">
                                        <label class="crancy__item-label">{{ __('translate.Role Name') }}</label>
                                        <input class="crancy__item-input" type="text" name="name" value="{{ old('name', $role->name ?? '') }}" required>
                                    </div>

                                    <div class="crancy__item-form--group mg-top-25">
                                        <label class="crancy__item-label">{{ __('translate.Account Type') }}</label>
                                        <select class="crancy__item-input" name="type" required>
                                            @foreach ($types as $key => $label)
                                                <option value="{{ $key }}" @selected(old('type', $role->type ?? 'user') === $key)>{{ __('translate.' . $label) }}</option>
                                            @endforeach
                                        </select>
                                        <small class="text-muted d-block mg-top-10">{{ __('translate.Account type helps organize users: normal, company, or agent') }}</small>
                                    </div>

                                    <h5 class="mg-top-30">{{ __('translate.Allowed Listing Categories') }}</h5>
                                    <div class="row mg-top-15">
                                        @foreach ($categories as $id => $category)
                                            <div class="col-md-4 col-sm-6 mb-2">
                                                <label class="d-flex align-items-center gap-2">
                                                    <input type="checkbox" name="category_ids[]" value="{{ $id }}"
                                                        @checked(in_array((int) $id, array_map('intval', old('category_ids', $selectedCategories))))>
                                                    {{ __('translate.' . $category['label']) }}
                                                </label>
                                            </div>
                                        @endforeach
                                    </div>

                                    <div class="crancy__item-form--group mg-top-25">
                                        <label class="d-flex align-items-center gap-2">
                                            <input type="checkbox" name="sets_dealer_profile" value="1"
                                                @checked(old('sets_dealer_profile', $role->sets_dealer_profile ?? false))>
                                            {{ __('translate.Enable public agent/dealer profile') }}
                                        </label>
                                    </div>

                                    <div class="crancy__item-form--group mg-top-25">
                                        <label class="d-flex align-items-center gap-2">
                                            <input type="checkbox" name="allows_working_hours" value="1"
                                                @checked(old('allows_working_hours', $role->allows_working_hours ?? false))>
                                            {{ __('translate.Allow working hours on public profile') }}
                                        </label>
                                        <small class="text-muted d-block mg-top-10">{{ __('translate.Allow working hours on public profile help') }}</small>
                                    </div>

                                    <div class="crancy__item-form--group mg-top-25">
                                        <label class="d-flex align-items-center gap-2">
                                            <input type="checkbox" name="status" value="1"
                                                @checked(old('status', ($role->status ?? 'active') === 'active'))>
                                            {{ __('translate.Active') }}
                                        </label>
                                    </div>

                                    <div class="mg-top-25">
                                        <button type="submit" class="crancy-btn">{{ __('translate.Save') }}</button>
                                        <a href="{{ route('admin.user-roles.index') }}" class="crancy-btn">{{ __('translate.Cancel') }}</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection