@extends('layout')

@section('content')
    <div class="main-card mb-3 card">
        <div class="card-body">
            <div class="mb-3 card card-body text-center">
                <h3>Managers</h3>
            </div>
            @if(!$managers->isEmpty())
                <form class="card-body" method="post" action="{{ route('adminManager.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($managers as $manager)
                            <tr>
                                <td>
                                    <input type="checkbox" name="table_records[{{ $manager->id }}][]" value="{{ $manager->last_name }} {{ $manager->first_name }},{{ $manager->email }}">
                                </td>
                                <td>{{ $manager->last_name }}</td>
                                <td>{{ $manager->first_name }}</td>
                                <td>{{ $manager->tel }}</td>
                                <td>{{ $manager->created_at }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot>
                        <tr>
                            <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-6">
                            <div class="position-relative form-group">
                                <label for="message">
                                    <span class="text-danger">*</span> Message
                                </label>
                                <textarea name="message" id="message" class="form-control" required></textarea>
                            </div>
                        </div>
                        <div class="col-md-6"></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>
        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);
        });
    </script>
@endsection