@extends('admin.layouts.app')
@push('title')
    <title>{{ isset($edit) ? 'Update Role' : 'Create Role' }}</title>
@endpush
@push('banner')
    <h1 class="m-0">Role</h1>
@endpush
@section('content')
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between mb-2">
                        <div>
                            <h1 class="mb-4">{{ isset($edit) ? 'Update Role' : 'Create Role' }}</h1>
                        </div>
                        <div>
                            <a href="{{ route('userRole.index') }}" class="btn btn-primary"><i class="bi bi-arrow-left"></i>
                                Back</a>
                        </div>
                    </div>
                    <form method="POST"
                        action="{{ isset($edit) ? route('userRole.update', $edit->id) : route('userRole.store') }}">
                        @csrf
                        @if (isset($edit))
                            @method('PUT')
                        @endif
                        @csrf

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="fname">Title:</label>
                                    <input type="text" name="title" id="title"
                                        class="form-control @error('title') is-invalid @enderror" placeholder="Enter Title"
                                        value="{{ isset($edit->title) ? $edit->title : '' }}">
                                    @error('title')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <input type="hidden" name="id" id="id" value="{{ isset($edit->id) ? $edit->id : '' }}">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="fname">Role Name:</label>
                                    <input type="text" name="role_name" id="role_name"
                                        class="form-control @error('role_name') is-invalid @enderror"
                                        placeholder="Enter Role Name"
                                        value="{{ isset($edit->role_name) ? $edit->role_name : '' }}">
                                    @error('role_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="status">Status:</label>
                                    <select name="status" id="status" class="form-control">
                                        <option value="1" {{ isset($edit) && $edit->status == 1 ? 'selected' : '' }}>
                                            Active</option>
                                        <option value="0"{{ isset($edit) && $edit->status == 0 ? 'selected' : '' }}>
                                            Inactive</option>
                                    </select>
                                </div>
                            </div>
                            @foreach ($Menus as $menu)
                                <div class="checkbox-container col-sm-12 col-md-4 col-lg-4">
                                    <input type="checkbox" id="menu_{{ $menu->id }}" name="menus[]"
                                        value="{{ $menu->id }}"
                                        {{ in_array($menu->id, $roleMenus) ? 'checked' : '' }}>
                                    <label for="menu_{{ $menu->id }}" class="menu-label">{{ $menu->name }}</label>
                                </div>
                            @endforeach


                        </div>
                        <button type="submit"
                            class="btn btn-primary btn-block">{{ isset($edit) ? 'Update' : 'Create' }}</button>
                    </form>


                </div>
            </div>
        </div>
    </div>
@endsection