@extends('elibrary.staff.layouts.app')
@section('content')
<section class="detail-section">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <div class="detail-image">
                    <img src="{{$staff->image}}" onerror="this.src='{{asset('images/nophoto.png')}}'" class="w-100" alt="">
                </div>
            </div>
            <div class="col-md-9">
                <div class="head-detail">
                    <h2>{{$staff->name}}</h2>
                    <p>{{$staff->designation}}</p>
{{--                    <a href="#">Read More</a>--}}
{{--                    <a href="#">Download Now</a>--}}
                    <a href="{{route('staff.create')}}">Add Staff</a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="detail-info">
                    <h3>Detail Information</h3>
                    <table class="table table-bordered">
                        <tbody>
                        <tr>
                            <th>Email:</th>
                            <td>{{$staff->email}}</td>
                        </tr>
                        <tr>
                            <th>Address:</th>
                            <td>{{$staff->address}}</td>
                        </tr>
                        <tr>
                            <th>Phone:</th>
                            <td>{{$staff->phone}}</td>
                        </tr>
                        <tr>
                            <th>Faculty:</th>
                            <td>{{$staff->faculty}} </td>
                        </tr>
                        <tr>
                            <th>Type:</th>
                            <td>{{$staff->type}}</td>
                        </tr>
                        <tr>
                            <th>Status:</th>
                            <td>
                                @if($staff->status==1)
                                    <span class="shadow-none badge badge-success">Active</span>
                                @else
                                    <span class="shadow-none badge badge-danger">Inactive</span>
                                @endif
                            </td>
                        </tr>
{{--                        <tr>--}}
{{--                            <th>Language:</th>--}}
{{--                            <td>नेपाली</td>--}}
{{--                        </tr>--}}
{{--                        <tr>--}}
{{--                            <th>Education Level:</th>--}}
{{--                            <td>Secondary</td>--}}
{{--                        </tr>--}}
{{--                        <tr>--}}
{{--                            <th>Format:</th>--}}
{{--                            <td>PDF</td>--}}
{{--                        </tr>--}}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection