@extends('backend.student.layouts.right_side_bar')
@section('studentBody')

    <div class="content p-0">

        @if(session('success'))
                <div class="col-sm-12">
                    <div role="alert" style="background-color:#d4edda; color:#155724; border-radius: 5px;" class="alert  alert-dismissible show">
                        <span class="btn btn-success btn-xs">Success</span> {{session('success')}}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                </div>
                <div style="clear: both;"></div>
            @endif
            @if(session('error'))
                <div class="col-sm-12">
                    <div role="alert" style="background-color:#d4edda; color:#155724; border-radius: 5px;" class="alert  alert-dismissible show">
                        <span class="btn btn-danger btn-xs">Error</span> {{session('error')}}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                </div>
                <div style="clear: both;"></div>
            @endif
            @if($errors->any())
                <div class="col-sm-12">
                    <div role="alert" style="background-color:#d4edda; color:#155724; border-radius: 5px;" class="alert  alert-dismissible show">
                        @foreach($errors->all() as $error)
                            <span class="btn btn-danger btn-xs">Error</span> {{$error}}<br>
                        @endforeach
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                </div>
                <div style="clear: both;"></div>
        @endif
            <!-- Overview -->
            <div class="block block-rounded block-bordered">
                <div class="block-header block-header-default">
                    <div>
                        <a class="font-w600" href="javascript:void(0)">{{$headingName}}</a>
                    </div>
                </div>

                <div class="block-content">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="table-responsive">
                                <button class="btn btn-primary btn-sm mb-1" style="float: right;" data-toggle="modal" data-target="#modal-block-popin-training"><i class="fa fa-plus-circle"></i> Add New</button>
                                <table class="table table-bordered table-striped">
                                    <thead>
                                    <tr>
                                        <th>SN</th>
                                        <th>Training Name</th>
                                        <th>Institutions</th>
                                        <th>Duration</th>
                                        <th>Action</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($student->trainings as $key=>$training)
                                        <tr>
                                            <td>{{++$key}}</td>
                                            <td>{{$training->name}}</td>
                                            <td>{{$training->institute}}</td>
                                            <td>
                                                <span class="badge badge-light">{{$training->start_date}}</span> to
                                                <span class="badge badge-light">{{$training->end_date}}</span>
                                            </td>
                                            <td>
                                                <form action="{{url('student/profile').'/training'.'/'.$training->id.'/remove'}}" method="post">
                                                    {{csrf_field()}}
                                                    <button class="btn btn-danger btn-sm"><i class="fa fa-times-circle"></i></button>
                                                </form>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END Overview -->
        </div>
        <!-- END Page Content -->
    <div class="modal fade" id="modal-block-popin-training" tabindex="-1" role="dialog" aria-labelledby="modal-block-popin" aria-hidden="true">
        <div class="modal-dialog modal-dialog-popin modal-lg" role="document">
            <div class="modal-content">
                <form action="{{url('student/profile').'/addTraining'}}" method="post">
                    {{csrf_field()}}
                    <div class="block block-themed block-transparent mb-0">
                        <div class="block-header bg-primary-dark">
                            <h3 class="block-title">Add New</h3>
                            <div class="block-options">
                                <button type="button" class="btn-block-option" data-dismiss="modal" aria-label="Close">
                                    <i class="fa fa-fw fa-times"></i>
                                </button>
                            </div>
                        </div>
                        <div class="block-content">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <strong>Training Name <span class="text-danger">*</span></strong>
                                                </span>
                                            </div>
                                            <input type="text" class="form-control" value="{{null}}" name="name" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <strong>Institute <span class="text-danger">*</span></strong>
                                                </span>
                                            </div>
                                            <input type="text" class="form-control" name="institute" value="{{old('institute')}}" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <strong>Start Date <span class="text-danger">*</span></strong>
                                                </span>
                                            </div>
                                            <input type="text" class="js-flatpickr form-control" name="start_date" value="{{old('start_date')}}" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">
                                                    <strong>End Date <span class="text-danger">*</span></strong>
                                                </span>
                                            </div>
                                            <input type="text" class="js-flatpickr form-control" name="end_date" value="{{old('end_date')}}" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <span> <strong>Objective</strong></span>
                                        <textarea name="objective" class="form-control editor"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="block-content block-content-full text-right bg-light mb-3">
                            <button type="button" class="btn btn-sm btn-light" data-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-sm btn-primary">Add</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

@endsection
@section('script')


    {{--<!-- Page JS Plugins -->--}}
    {{--<script src="{{asset('public/theme')}}/assets/js/plugins/jquery-bootstrap-wizard/bs4/jquery.bootstrap.wizard.min.js"></script>--}}

    <!-- Page JS Code -->
    <script src="{{asset('public/theme')}}/assets/js/pages/be_forms_wizard.min.js"></script>


@endsection