@extends('layouts.app')

@section('content')
<div class="content px-3 mt-4">
    <div class="row align-items-center mb-4">
        <div class="col-sm-6">
            <h4 class="font-weight-bold mb-0">
                <i class="fa fa-plus-circle text-primary mr-2"></i> إضافة دور جديد
            </h4>
        </div>
        <div class="col-sm-6 text-right">
            <a href="{{ route('roles.index') }}" class="btn btn-light border shadow-sm">
                <i class="fa fa-arrow-right"></i> رجوع
            </a>
        </div>
    </div>

    @include('flash::message')
    @include('adminlte-templates::common.errors')

    <div class="card border-0 shadow-sm" style="border-radius: 12px;">
        {!! Form::open(['route' => 'roles.store']) !!}
        <div class="card-body p-4">
            <div class="row">
                @include('roles.fields')
            </div>
        </div>
        
        <div class="card-footer bg-white border-top-0 pb-4 px-4 text-right">
            <button type="submit" class="btn btn-primary px-4 shadow-sm" style="border-radius: 6px;">
                <i class="fa fa-save mr-1"></i> حفظ البيانات
            </button>
            <a href="{{ route('roles.index') }}" class="btn btn-light border px-4 ml-2 shadow-sm" style="border-radius: 6px;">
                إلغاء
            </a>
        </div>
        {!! Form::close() !!}
    </div>
</div>
@endsection