@extends('layouts.app')

@section('content')
    <section class="panel">
        <header class="panel-heading panel-align">
            <h2 class="panel-title">{{$state->state}}</h2>
            <div class="panel-actions">
                <a href="/state/{{$state->id}}/edit"><button type="button" class="mb-xs mt-xs mr-xs btn btn-primary">{{__('Save')}} <i class="fa fa-cogs"></i></button></a>
            </div>
        </header>
        <div class="panel-body">

            <div class="row">
                <div class="col-md-4">
                    <p>{{__("State")}}: <div class="highlight">{{$state->state}}</div></p>
                </div>
                <div class="col-md-4">
                    <p>{{__("Abbreviation")}}: <div class="highlight">{{$state->state_short}}</div></p>
                </div>
            </div>
        </div>
    </section>

@endsection