@extends('layouts/layout')
@section('title', 'Training Subject')
@push('style')
@endpush

@section('content')
@if ($message = Session::get('success'))
@include('sweetalert::alert')
@endif
<!-- page content -->
<div class="row">
    <div class="col-md-12 col-sm-12 mt-2">
        <div class="x_panel">
            <div class="x_title">
                <h2>Training Subject</h2>

                <div class="clearfix"></div>
            </div>
            <div class="x_content mt-0 p-0">
                <form action="" method="post" class="mb-3">
                    @csrf
                    <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                        <div class="form-group">
                            <label class="mb-1">Training Subject</label>
                            <input type="text" id="training_type" name="training_type" autocomplete="off"
                                class="form-control" placeholder="Enter Training Subject">
                            <span id="training_type_error" class="text-danger d-inline-block"></span>
                        </div>
                    </div>
                    
                    <div class="form-group">
						<div class="col-12 col-sm-2 col-md-2 col-lg-2 col-xl-2 offset-md-1 mt-4">
                            <input type="submit" class="btn btn-success btn-round btn-primary" name="create_template"
                                id="create_template" value="Submit" />
                            <!-- <button type="submit" class="btn btn-round btn-primary">Submit</button> -->
                        </div>
                    </div>
                </form>
                <div class="col-md-12 col-sm-12">
                            <table id="datatable-fixed-header" class="table table-striped table-bordered text-center" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>Sr.No</th>
                                        <th>Training Type</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($training_type as $sms)
                                    <tr>
                                        <td>{{$sms->id}}</td>
                                        <td>{{$sms->training_type}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>

                            </table>
                        </div>
                </div>
            </div>
        </div>
    </div>

    <!-- /page content -->


    @endsection
    @push('scripts')
    <script>
    $(document).ready(function() {
        $("#create_template").on('click', function() {
            var error_msg = "";

            if ($("#training_type").val() == "") {
                $("#training_type_error").text("Please Enter Training Subject.");
                error_msg = "Error";
            } else {
                $("#training_type_error").text("");
            }
            if (error_msg) {
                return false;
            }
        });

    });
    </script>
    @endpush