@extends('admin.layouts.app')

@section('content')
<div class="pagetitle">
    <!-- <h1>Add User</h1> -->
    <nav>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin-dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item active">Area</li>
        </ol>
    </nav>
</div><!-- End Page Title -->

<section class="section">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">
                        Area Details:
                        <p align="right">
                            <a href="{{ route('admin-area.index') }}" class="btn btn-secondary text-right" title="">Back</a>
                            <a href="{{ route('admin-area.edit', $area->id) }}" class="btn btn-primary text-right" title="">Edit</a>
                        </p>
                    </h5>
                    
                       <table class="table header-border" style="min-width: 500px;">
                        
                        <tbody> 
                            <tr>
                                <td style="width: 20%">Name</td>
                                <td>{{ $area->name }}</td>                                
                            </tr> 
                            {{-- <tr>
                                <td style="width: 20%">Description</td>
                                <td>{{ $area->description }}</td>                                
                            </tr>                                                                  --}}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>        
    </div>
</section>
@endsection