@extends('./layouts.master')
@section('title', 'Training data entry')
@section('content')
<div class="container-xxl">
    <div class="card">
        <div class="card-header">
            <h3 class="font-weight-bold text-center">NEW STAFF TRAINING DATA</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('submittrainingdata')}}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-5">
                                <div class="fields">
                                    <div class="form-group">
                                        <label for="trainername">Trainer`s name</label>
                                        <input type="text" name="trainername" id="trainername" class="form-control" onchange="generateId()">
                                        @error('trainername')
                                        <span class="field-error text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3"></div>
                            <div class="col-md-4">
                                <div class="fields">
                                    <div class="form-group">
                                        <label for="trainingid">Training ID</label>
                                        <input type="text" name="trainingid" id="trainingid" class="form-control" onclick="giveMessage()" readonly>
                                        @error('trainingid')
                                        <span class="field-error text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-5">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="fields">
                                            <div class="form-group">
                                                <label for="trainingtype">Training type</label>
                                                <select name="trainingtype" id="trainingtype" class="form-control">
                                                    <option value="">-- Select type --</option>
                                                    <option value="Train The Trainer">Train The Trainer</option>
                                                    <option value="Induction">Induction</option>
                                                    <option value="Guides Training">Guides Training</option>
                                                    <option value="English Training">English Training</option>
                                                    <option value="Quality Assurance">Quality Assurance</option>
                                                    <option value="Tax Trainings">Tax Trainings</option>
                                                    <option value="Sage Training">Sage Training</option>
                                                    <option value="Fire Training">Fire Training</option>
                                                    <option value="First Aid Training">First Aid Training</option>
                                                    <option value="Leadership Training 1">Leadership Training 1</option>
                                                    <option value="Leadership Training 2">Leadership Training 2</option>
                                                </select>
                                                @error('trainingtype')
                                                <span class="field-error text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="fields">
                                            <div class="form-group">
                                                <label for="trainingname">Training name</label>
                                                <input type="text" name="trainingname" id="trainingname" class="form-control">
                                                @error('trainingname')
                                                <span class="field-error text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-2"></div>
                            <div class="col-md-5">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="fields">
                                            <div class="form-group">
                                                <label for="startdate">Start date</label>
                                                <input type="date" name="startdate" id="startdate" class="form-control">
                                                @error('startdate')
                                                <span class="field-error text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="fields">
                                            <div class="form-group">
                                                <label for="enddate">End date</label>
                                                <input type="date" name="enddate" id="enddate" class="form-control">
                                                @error('enddate')
                                                <span class="field-error text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-5">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="fields">
                                            <div class="form-group">
                                                <label for="department">Department</label>
                                                <select name="department" id="department" class="form-control">
                                                    <option value="">-- Select department --</option>
                                                    <option value="House keeping">House keeping</option>
                                                    <option value="Workshop">Workshop</option>
                                                    <option value="Anti-poaching">Anti-poaching</option>
                                                    <option value="Grounds">Grounds</option>
                                                    <option value="Chefs">Chefs</option>
                                                    <option value="Habitat">Habitat</option>
                                                    <option value="Maintenance">Maintenance</option>
                                                    <option value="Multi departments">Multi departments</option>
                                                </select>
                                                @error('department')
                                                <span class="field-error text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="fields">
                                            <div class="form-group">
                                                <label for="trainingcost">Training cost</label>
                                                <input type="number" name="trainingcost" id="trainingcost" class="form-control">
                                                @error('trainingcost')
                                                <span class="field-error text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-2"></div>
                            <div class="col-md-5">
                                <div class="row">
                                    <div class="col-md-5"></div>
                                    <div class="col-md-7">
                                        <div class="fields">
                                            <div class="form-group">
                                                <label for="trainingvenue">Training venue</label>
                                                <select name="trainingvenue" id="trainingvenue" class="form-control">
                                                    <option value="">-- Select venue --</option>
                                                    <option value="Mwiba OPS">Mwiba OPS</option>
                                                    <option value="Mwiba lodge">Mwiba lodge</option>
                                                    <option value="Mila camp">Mila camp</option>
                                                    <option value="Songa camp">Songa camp</option>
                                                    <option value="Nyasi camp">Nyasi camp</option>
                                                    <option value="Legendary lodge">Legendary lodge</option>
                                                    <option value="KDT main office">KDT main office</option>
                                                    <option value="Other">Other</option>
                                                </select>
                                                @error('trainingvenue')
                                                <span class="field-error text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h5 class="font-weight-bold">Training uploads</h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="fields">
                                    <div class="form-group">
                                        <label for="pictureupload1" class="form-label">Picture 1</label>
                                        <input type="file" id="pictureupload1" name="pictureupload1" class="form-control">
                                        @error('pictureupload1')
                                        <span class="field-error text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="fields">
                                    <div class="form-group">
                                        <label for="pictureupload2" class="form-label">Picture 2</label>
                                        <input type="file" id="pictureupload2" name="pictureupload2" class="form-control">
                                        @error('pictureupload2')
                                        <span class="field-error text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="fields">
                                    <div class="form-group">
                                        <label for="pictureupload3" class="form-label">Picture 3</label>
                                        <input type="file" id="pictureupload3" name="pictureupload3" class="form-control">
                                        @error('pictureupload3')
                                        <span class="field-error text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="fields">
                                    <div class="form-group">
                                        <label for="pictureupload4" class="form-label">Picture 4</label>
                                        <input type="file" id="pictureupload4" name="pictureupload4" class="form-control">
                                        @error('pictureupload4')
                                        <span class="field-error text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="fields">
                                    <div class="form-group">
                                        <label for="evaluationform" class="form-label">Evaluation form</label>
                                        <input type="file" id="evaluationform" name="evaluationform" class="form-control">
                                        @error('evaluationform')
                                        <span class="field-error text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="submit">
        <input type="submit" name="trainingsubmit" id="trainingsubmit" value="Submit" class="btn btn-edit">
    </div>
        </div>
    </form>
    </div>
    <div class="card">
        <div class="card-header">
            <h5>Recent trainings</h5>
        </div>
        <div class="card-body">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>Training ID</th>
                        <th class="text-center">Training type</th>
                        <th class="text-center">Training name</th>
                        <th class="text-center">Training venue</th>
                        <th class="text-center" colspan="3">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($trainings as $training)
                    <tr>
                        <td>{{$training->trainingid}}</td>
                        <td class="text-center">{{$training->trainingtype}}</td>
                        <td class="text-center">{{$training->trainingtitle}}</td>
                        <td class="text-center">{{$training->trainingvenue}}</td>
                        <td class="text-center">
                            <a href="{{route('edittrainingdata', $training->id)}}">
                            <input type="button" class="btn btn-edit" name="edit-button-entry" id="edit-button-entry" value="edit">
                            </a>
                        </td>
                        <td class="text-center">
                            <a href="{{route('trainingattendeesentry', $training->id)}}">
                            <input type="button" class="btn btn-edit" name="edit-button-entry" id="edit-button-entry" value="add attendees">
                            </a>
                        </td>
                        <td class="text-center">
                            <form action="" method="post">
                                @csrf
                                @method('DELETE')
                                <input type="submit" class="btn btn-edit" name="delete-button-entry" id="delete-button-entry" value="delete">
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection