@extends('app')
@section('content')
<div class="container">
    <h3 style="
        font-weight: 900;
        padding-bottom: 20px;
        border-bottom: 2px solid #ff6600;
        text-transform: uppercase;
        color: #ff6600;
        font-size: 20px;">
        CREATE ROLE
    </h3>

    {{-- Header Line --}}
   <hr style="border: none; height: 0.5px; background-color: #ff6600; margin-top: -10px;">

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('roles.store') }}" method="POST">
        <input type="hidden" name="_token" value="{{ csrf_token() }}" />

        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="role_title">Role Title</label>
                    <input type="text" class="form-control" name="role_title" id="role_title" required>
                </div>

                <div class="form-group">
                    <label for="is_active">Is Active</label>
                    <select class="form-control" name="is_active" id="is_active" required>
                        <option value="Y">Yes</option>
                        <option value="N">No</option>
                    </select>
                </div>
            </div>

            <div class="col-md-6">
                <div class="form-group">
                    <label for="role_slug">Role Slug</label>
                    <input type="text" class="form-control" name="role_slug" id="role_slug" required>
                </div>
            </div>
        </div>

        <button type="submit" class="btn btn-primary">Create Role</button>
    </form>
</div>
@endsection