@php use App\Models\Client;use Carbon\Carbon; @endphp
@extends('adminlte::page')

@section('title', 'IPRS | Role Form')

@section('content_header')
    <h3>Create a Role</h3>
@stop

@section('content')
    <div class="card">
        <div class="card-body">
            <div class="d-flex justify-content-start align-content-start mb-4 mt-1">
                <a href="{{ route('role.index') }}" class="btn btn-primary">Go Back to Role's List</a>
            </div>

            <form method="POST" action="{{ route('role.store') }}@yield('id')">
                @csrf
                @section('method')@show
                <fieldset>
                    <legend>Role</legend>
                    <div class="row">
                        <x-adminlte-input name="serviceName" label="Service Name" placeholder="Service Name"
                                          value=""
                                          fgroup-class="col-md-3"/>
                    </div>
                </fieldset>
                <button type="submit" class="btn btn-primary">Submit</button>
            </form>
        </div>
    </div>

  @stop

@section('css')
    <style>
        fieldset {
            background-color: #eeeeee;
            padding-block-start: 0.35em;
            padding-inline-start: 1.25em;
            padding-inline-end: 1.25em;
            padding-block-end: 0.625em;
            margin: 0 0 1em 0;
            border: 1px groove rgb(192, 192, 192);
            border-radius: 5px;
        }

        legend {
            background-color: gray;
            color: white;
            width: auto;
            font-size: medium;
            padding: 5px 10px;
            border-radius: 5px;
        }

        .row{
            justify-content: space-around;
        }

        .column{
            justify-content: space-around;
        }

        .access{
            margin-left: 10px;
        }
    </style>
@stop
