@extends('admin.layout.app')

@section('title', 'Danh mục')

@section('content')
   <div class="container-fluid {{Auth::check() && Auth::user()->is_layout_two == 1 ?  "mt-2 p-0" : ""}}">

        <!-- Page Heading -->
        {{-- <h1 class="h3 mb-2 text-gray-800">Danh mục app</h1> --}}
        <!-- DataTales Example -->
        <div class="card shadow mb-4">
            <div class="card-header py-3 d-flex justify-content-between align-items-center">
                <h6 class="m-0 font-weight-bold text-primary ">Chỉnh sửa vai trò</h6>
                <a class="btn btn-primary btn-user" href="{{ route('role.index') }}">Quay lại</a>
            </div>

            <div class="card-body">
                <form id="addProductForm" method="POST" action="{{route('role.update',['id' => $role->id])}}">
                    @csrf
                    <!-- Tên sản phẩm -->
                    <div class="mb-3">
                        <label for="productName" class="form-label required">
                            <i class="bi bi-box me-1"></i>
                            Tên vai trò
                        </label>
                        <input type="text" class="form-control" id="productName" name="role_name"
                            placeholder="Nhập tên vai trò" required  value="{{ old('role_name', $role->role_name) }}">
                        <div class="invalid-feedback">
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="productName" class="form-label ">
                            <i class="bi bi-box me-1"></i>
                           Mô tả
                        </label>
                        <input type="text" class="form-control" id="productName" name="description"
                            placeholder="Mô tả" value="{{ old('description',$role->description )}}">
                        <div class="invalid-feedback">
                        </div>
                    </div>

                    <!-- Buttons -->
                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-plus-lg me-1"></i>
                            Lưu
                        </button>
                    </div>
                </form>
            </div>
        </div>

    </div>
@endsection