@extends('layouts.app')

@section('content')
@include('layouts.sidebar')

<div class="page-content-wrapper">
    <div class="pt-3"></div>
    <div class="container direction-rtl">
        <div class="card mb-3">
            <div class="card-body">
                <div class="register-form mt-4">
                    <form action="home.html">
                        <div class="form-group">
                            <label class="form-label" for="defaultSelect">Name</label>
                            <p>{{ $staff->name }}</p>
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="defaultSelect">Vehicle Number</label>
                            <p>{{ $staff->phone_number }}</p>
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="defaultSelect">Profile Image</label>
                            @if ($staff->profile_photo)
                                <img src="{{ URL::to('/') }}/uploads/profile/{{ $staff->profile_photo }}" alt="Profile photo" width="300" height="300">
                            @endif    
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="defaultSelect">Driving Licence</label>
                            @if ($staff->driving_licence)
                                <img src="{{ URL::to('/') }}/uploads/licence/{{ $staff->driving_licence }}" alt="Driving License" width="300" height="300">
                            @endif    
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="defaultSelect">Address</label>
                            <p>{{ $staff->address }}</p>
                        </div>                        
                        <a href="{{ route('list-staff') }}" class="btn btn-primary" type="submit">Close</a>
                        </form>
          </div>
        </div>
      </div>
</div>



<div class="pb-3"></div>
    
</div>
@endsection