@extends('./layouts.master')
@section('title', 'Training data entry')
@section('content')
<div class="container-xxxl">
    <div class="card">
        <div class="card-header">
            <h3 class="font-weight-bold text-center">TRAINING ATTENDEES</h3>
            <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>
        <div class="card-body">
           <form action="{{route('submittrainingattendees')}}" method="post">
            @csrf
            <div class="row">
                <div class="col-md-5">
                    <h5>Training metadata</h5>
                <table class="table">
                    <tr>
                        <th>Training id:</th>
                        <td>{{$training->trainingid}}</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>Department:</th>
                        <td>{{$training->department}}</td>
                    </tr>
                </table>
                <input type="text" name="trainingid" value="{{$training->trainingid}}" readonly hidden>
                <input type="text" name="trainingname" value="{{$training->trainingtitle}}" readonly hidden>
                </div>
                <div class="col-md-3"></div>
                <div class="col-md-3">
                    <div class="fields">
                        <label for="jobtitle">Job title</label>
                        <select name="jobtitle" id="jobtitle" class="form-control">
                            <option value="">-- Select title --</option>
                             @foreach($jobtitles as $jobtitle)
                            <option value="{{$jobtitle->department}}">{{$jobtitle->jobtitle}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="fields">
                        <label for="staffname">Staff name</label>
                        <select name="staffname" id="staffname" class="form-control">
                            <option value="">-- Select name --</option>
                            @foreach($staffnames as $staffname)
                            <option value="{{$staffname->staffname}}">{{$staffname->staffname}}</option>
                            @endforeach
                            
                        </select>
                    </div>
                    <div class="fields">
                        <label for="department">Department</label>
                        <select name="department" id="department" class="form-control">
                            <option value="">-- Select department --</option>
                            @foreach($departments as $department)
                            <option value="{{$department->department}}">{{$department->department}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <div class="submit">
        <input type="submit" name="attendeesubmit" id="attendeesubmit" value="Submit" class="btn btn-edit">
    </div>
           </form>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>Staff name</th>
                        <th class="text-center">Job title</th>
                        <th class="text-center">Department</th>
                        <th class="text-center">Training name</th>
                        <th class="text-center" colspan="2">Actions</th>
                    </tr>
                </thead>
                <tbody>
                  <tr>
                    @foreach($attendees as $attendee)
                    <td>{{$attendee->staffname}}</td>
                    <td class="text-center">{{$attendee->jobtitle}}</td>
                    <td class="text-center">{{$attendee->department}}</td>
                    <td class="text-center">{{$attendee->trainingname}}</td>
                    <td class="text-center">
                        <a href="{{route('edittrainingattendees', $attendee->id)}}">
                        <input type="button" class="btn btn-edit" value="edit" id="attendee-edit-btn">
                        </a>
                    </td>
                    <td>
                        <form action="{{route('deletetrainingattendees', $attendee->id)}}" method="post">
                            @csrf
                            @method('DELETE')
                            <input type="submit" class="btn btn-edit" value="delete" id="attendee-delete-btn">
                        </form>
                    </td>
                    @endforeach
                  </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection