@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-info-circle text-primary mr-2"></i> تفاصيل الدور: {{ $roles->name }}
            </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>
            @if (auth()->user()->can('roles.edit'))
            <a href="{{ route('roles.edit', $roles->id) }}" class="btn btn-primary shadow-sm ml-2">
                <i class="fa fa-edit"></i> تعديل الدور
            </a>
            @endif
        </div>
    </div>

    <div class="card border-0 shadow-sm" style="border-radius: 12px;">
        <div class="card-body p-4">
            @include('roles.show_fields')
        </div>
    </div>
</div>
@endsection