@extends('layout')

@section('css_includes')
    <link href="{{ asset('css/font-awesome.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/wysiwyg.css') }}" rel="stylesheet">
    <link href="{{ asset('css/richtext.min.css') }}" rel="stylesheet">
@endsection

@section('content')
    <div class="main-card mb-3 card">
        <div class="card-body">
            <div class="mb-3 card card-body text-center">
                <h3>Trainees</h3>
            </div>
            @if(!$interns->isEmpty())
                <form class="card-body" method="post" action="{{ route('adminIntern.bulkEmail') }}">
                    @csrf
                    <table style="width: 100%;" id="example"
                           class="table table-hover table-striped table-bordered">
                        <thead>
                        <tr>
                            <th><input type="checkbox" id="check-all"></th>
                            <th>Last Name</th>
                            <th>First Name</th>
                            <th>Tel</th>
                            <th>Registration Date</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($interns as $intern)
                            <tr>
                                <td>
                                    <input type="checkbox" name="table_records[{{ $intern->id }}][]" value="{{ $intern->last_name }} {{ $intern->first_name }},{{ $intern->email }}">
                                </td>
                                <td>{{ $intern->last_name }}</td>
                                <td>{{ $intern->first_name }}</td>
                                <td>{{ $intern->tel }}</td>
                                <td>{{ $intern->created_at }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot>
                        <tr>
                            <th></th>
                            <th>Last Name</th>
                            <th>First Name</th>
                            <th>Tel</th>
                            <th>Registration Date</th>
                        </tr>
                        </tfoot>
                    </table>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="position-relative form-group">
                                <label for="subject">
                                    <span class="text-danger">*</span> Subject
                                </label>
                                <input name="subject" id="subject" type="text" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-md-6"></div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="position-relative form-group">
                                <label for="message">
                                    <span class="text-danger">*</span> Message
                                </label>
                                <textarea id="message" name="message" required></textarea>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group text-center">
                                <button class="btn btn-success">
                                    Send
                                </button>
                            </div>
                        </div>
                        <div class="col-md-6"></div>
                    </div>
                </form>
            @else
            <a href="{{ route('adminInterns.create') }}" class="mb-2 mr-2 btn btn-success">Create</a>
            @endif
        </div>
    </div>
@endsection

@section('js')
    <script src="{{ asset('js/jquery.richtext.js') }}"></script>
    <script>
        function confirmSubmit() {
            var agree=confirm("Are you sure you wish to continue?");
            if (agree)
                return true ;
            else
                return false ;
        }

        $("#check-all").click(function () {
            $('input:checkbox').not(this).prop('checked', this.checked);
        });

        $(document).ready(function() {
            $('#message').richText();
        });
    </script>
@endsection