@php

    use App\Http\Controllers\UsersController;
    use App\Http\Controllers\PermissionController;

    if ($role == null) {
        $id = '';
        $name = '';
    } else {
        $id = $role->id;
        $name = $role->name;
    }

@endphp
@extends('layouts.master')
@section('title', 'Roles Setting')

@section('style')
    <style></style>
@endsection

@section('script')
    <script></script>
@endsection

@section('content')
    @include('layouts.sidebar')
    @include('layouts.header-sub')

    <section class="wrapper bg-light">
        <div class="container py-14 py-md-16">
            <div class="row gx-lg-8 gx-xl-12">

                <div class="col-md-12">
                    <h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
                    <p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
                </div>

                <div class="col-lg-12">
                    <div class="blog single">
                        <div class="card">
                            <div class="card-body">
                                <div align="right">
                                    <a href="{{ asset('/') }}" class="btn btn-lg btn-primary rounded-pill p-1 px-3"><i
                                            class="uil uil-plus"></i>
                                        Add</a>
                                </div>
                            </div>




                            <form action="{{ url('/roleedit') }}" class="text-start mb-3" method="post"
                                enctype="multipart/form-data">
                                @csrf
                                <input type="text" name="id" value="{{ $id }}" hidden />
                                <div class="row">
                                    <div class="col-md-2">
                                        <div class="mb-3">
                                            <div class="mb-2">
                                                <img class="avatar w-100 border"
                                                    src="{{ url('/user_pictures', $user_picture) }}" alt=""
                                                    style="width:50px;" />
                                            </div>
                                            <label class="badge btn btn-secondary w-100">
                                                <input type="file" class="d-none">
                                                <i class="uil uil-paperclip"></i> Browse
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-md-10"></div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-floating mb-4">
                                            <input id="textInputExample" type="text" class="form-control"
                                                placeholder="Title" name="name" value="{{ $name }}">
                                            <label for="textInputExample">Roles</label>
                                        </div>
                                    </div>
                                </div>

                                <button class="btn btn-info w-100 text-light" type="submit">Submit</button>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('layouts.footer')
@endsection