@extends('layouts.layout')

@section('content')

    <div class="box">
        <div class="box-header">
            <h3 class="box-title">Clerk info : {{$clerk->name}}</h3>
            <form method="POST" action="/clerks/{{$clerk->id}}">
                @method('DELETE')
                {{ csrf_field() }}

                <div class="form-group">
                    <button type="submit" class="btn btn-danger pull-right" onclick="return confirm('Are you sure ?')"><i class="fa fa-trash"></i> Delete</button>
                </div>
            </form>
            <a href="/clerks/{{$clerk->id}}/edit" class="btn btn-warning pull-right" style="margin-right: 5px"><i class="fa fa-edit"></i> Edit</a>
        </div>
        <!-- /.box-header -->
        <div class="box-body">

            <table class="table table-bordered table-hover table-striped">
                <tr>
                    <td>Name</td>
                    <td>{{$clerk->name}}</td>
                </tr>
                <tr>
                    <td>Clerk ID</td>
                    <td>{{$clerk->clerk_id}}</td>
                </tr>

            </table>
        </div>
    </div>

@endsection