@extends ('backend.layouts.app')

@section ('title', trans('Agent Details'))

@section('page-header')
    <h1>
        {{ trans('Agent Details') }}
        <small>{{ trans('') }}</small>
    </h1>
@endsection

@section('content')

    <div class="box box-success">
        <div class="box-header with-border">
            <h3 class="box-title">{{ trans('Details') }}</h3>

            <div class="box-tools pull-right">

            </div><!--box-tools pull-right-->
        </div><!-- /.box-header -->

        <div class="box-body">
            <div class="control-group">
                <div class="col-md-12">

                    <div class="col-md-12">
                        <div class="col-md-12">
                            <div class="table-responsive">
                                <table class="table table-hover" style="margin-top: 10px;">
                                    <thead>
                                    <tr>
                                        <th>{{ trans('First Name') }}</th>
                                        <th>{{ trans('Last Name') }}</th>
                                        <th>{{ trans('Phone') }}</th>
                                        <th>{{ trans('Mobile') }}</th>
                                        <th>{{ trans('Email') }}</th>
                                        <th>{{ trans('Agency') }}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <td>{{ $agent->first_name }}</td>
                                    <td>{{ $agent->last_name }}</td>
                                    <td>{{ $agent->phone }}</td>
                                    <td>{{ $agent->mobile }}</td>
                                    <td>{{ $agent->email }}</td>
                                    <td>{{ $agency->agency_name }}</td>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div><!--table-responsive-->
                </div>
            </div><!-- /.box-body -->
        </div><!--box-->
    </div>

@stop

