@extends('./layouts.master')
@section('title', 'Edit training attendee')
@section('content')
<div class="container-xxxl">
    <div class="card">
        <div class="card-header">
            <h3 class="font-weight-bold text-center">EDIT 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 class="back-button text-end">
                <input type="button" class="btn btn-edit" id="attendee-back-btn" value="back" onclick="history.back()">
            </div>
        </div>
        <div class="card-body">
           <form action="{{route('updatetrainingattendees', $training->id)}}" 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->trainingname}}</td>
                    </tr>
                </table>
                <input type="text" name="trainingid" value="{{$training->trainingid}}" readonly hidden>
                <input type="text" name="trainingname" value="{{$training->trainingname}}" 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>
@endsection