@extends('./layouts.managermaster')
@section('title', 'View training')
@section('content')
<div class="container-xxl">
    <h5 class="font-weight-bold text-center">VIEW TRAINING</h5>
    <section class="content">
        @if(session('success'))
        <div class="alert alert-success">
            {{session('success')}}
        </div>
        @endif

        @if(session('error'))
        <div class="alert alert-danger">
            {{session('error')}}
        </div>
        @endif
    </section>

    <div class="card">
        <div class="card-header">
            <div class="text-end">
                <input type="button" class="btn btn-edit" id="training-view-back" value="back" onclick="history.back()">
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-5">
                    <h5 class="font-weight-bold">Training attributes</h5>
                    <div class="training-attributes">
                        <table class="table">
                            <tr>
                                <th>Training ID:</th>
                                <td>{{$training->trainingid}}</td>
                            </tr>
                            <tr>
                                <th>Training date:</th>
                                <td>{{$training->trainingdate}}</td>
                            </tr>
                            <tr>
                                <th>Training name:</th>
                                <td>{{$training->trainingtitle}}</td>
                            </tr>
                            <tr>
                                <th>Training Venue:</th>
                                <td>{{$training->trainingvenue}}</td>
                            </tr>
                            <tr>
                                <th>Training type:</th>
                                <td>{{$training->trainingtype}}</td>
                            </tr>
                            <tr>
                                <th>Trainer name:</th>
                                <td>{{$training->trainername}}</td>
                            </tr>
                            <tr>
                                <th>Department:</th>
                                <td>{{$training->department}}</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="col-md-2"></div>
                <div class="col-md-5">
                    <h5 class="font-weight-bold">Training attendees</h5>
                    <ol>
                        @foreach($attendees as $attendee)
                        <li>{{$attendee->staffname}}</li>
                        @endforeach
                    </ol>
                </div>
            </div>
            <h5 class="font-weight-bold">Training uploads</h5>
            <div class="row">
                @foreach($uploads as $upload)
                <div class="col-md-3">
                    <img src="{{asset('storage/' .$upload->picture1)}}" alt="" class="img-fluid" id="training-upload">
                </div>
                <div class="col-md-3">
                    <img src="{{asset('storage/' .$upload->picture2)}}" alt="" class="img-fluid" id="training-upload">
                </div>
                <div class="col-md-3">
                    <img src="{{asset('storage/' .$upload->picture3)}}" alt="" class="img-fluid" id="training-upload">
                </div>
                <div class="col-md-3">
                    <img src="{{asset('storage/' .$upload->picture4)}}" alt="" class="img-fluid" id="training-upload">
                </div>
                @endforeach
            </div>
        </div>
    </div>
</div>
@endsection