@extends('layouts.base')

@section('title')
    Create Role
@endsection

@section('content')
    <div class="card">
        <div class="card-header bg-secondary rounded-t-lg">
            <div class="flex justify-between items-center">
                <h4 class="card-title text-white font-bold">@yield('title')</h4>
            </div>
        </div>

        <div class="p-6 shadow-md rounded-b-lg">
            <form action="{{ route('role.store') }}" method="POST" enctype="multipart/form-data">
                @csrf

                @include('role.partials.form')

                <div class="flex mt-6 gap-2">
                    <x-buttons.form-save-button type="Save" />
                    <x-buttons.form-cancel-button href="{{ route('role.index') }}" />
                </div>
            </form>
        </div>
    </div>
@endsection