@extends('backend.layouts.app')

@section('title') {{ __($module_action) }} {{ __($module_title) }} @endsection

@section('breadcrumbs')
<x-backend.breadcrumbs>
    <x-backend.breadcrumb-item type="active" icon='{{ $module_icon }}'>{{ __($module_title) }}</x-backend.breadcrumb-item>
</x-backend.breadcrumbs>
@endsection

@section('content')
<div class="card mb-4">
    <div class="card-body">
        <x-backend.layouts-show :data="$module_name">
            <i class="{{ $module_icon }}"></i> {{ __($module_title) }}
            <small class="text-muted">{{ __($module_action) }}</small>
        </x-backend.section-header>

        <table class="table table-bordered">
            <tr>
                <th>@lang('Name')</th>
                <td>{{ $$module_name_singular->name }}</td>
            </tr>
            <tr>
                <th>@lang('Email')</th>
                <td>{{ $$module_name_singular->email }}</td>
            </tr>
            <tr>
                <th>@lang('Mobile')</th>
                <td>{{ $$module_name_singular->mobile }}</td>
            </tr>
        </table>
    </div>
    <div class="card-footer d-flex justify-content-between">
        <a href='{{ route("backend.$module_name.index") }}' class='btn btn-secondary'>@lang('Back')</a>
        <a href='{{ route("backend.$module_name.edit", $$module_name_singular) }}' class="btn btn-primary">@lang('Edit')</a>
    </div>
</div>
@endsection