@extends('layouts.master')

@section('title', 'Compose Email')

@section('content')

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0 text-dark">Email</h1>
                    </div><!-- /.col -->

                    
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">

                <!-- /.row -->

                <!-- Main row -->
                <div class="row">
                    <!-- Left col -->
                    <div class="col-md-12">

                        <!-- /.card -->

                        <!-- TABLE: LATEST ORDERS -->
                        <div class="card">
                            <div class="card-header border-transparent">
                                <h3 class="card-title">Compose Email</h3>
                            </div>
                            <!-- /.card-header -->
                            <div class="card-body p-0" style="padding-bottom:10px">
                                <form role="form" style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;" action="{{route('sendMail')}}" method="post">
                                    {{ csrf_field() }}
                                    <input class="form-control" name="subject" placeholder="Enter Subject" style="margin-top:10px; margin-bottom:10px;" required>
                                    <textarea id="editor" name="text_html">
                                        <h3>Dear Member,</h3><br>
                                        
                                        <p>Thank you for being our customer ❤️. <br><br>Regards,<br>S. Khan</p>
                                    </textarea>
                                
                                    <input list="emails" name="to_email" class="form-control" value ="{{request()->get('email')}}" placeholder="Send to" style="margin-top:10px; margin-bottom:10px;" required>
                                
                                    <datalist id="emails">
                                        <option value="All">
                                        <option value="Without Package">
                                        <option value="Expired Package">
                                        @foreach($users as $user)
                                            <option value="{{$user->email}}">
                                        @endforeach
                                    </datalist>
                                
                                    <button type="submit" class="btn btn-primary" style="float:right">Send</button>
                                </form>
                            </div>
                            <!-- /.card-footer -->
                        </div>
                        <!-- /.card -->
                    </div>
                    <!-- /.col -->

                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </div><!--/. container-fluid -->
        </section>
        <!-- /.content -->
    </div>




    <!-- /.content-wrapper -->
@endsection

@section('javascript')
    <!-- jQuery -->
    <script src="/public/dist/plugins/jquery/jquery.min.js"></script>
    <!-- jQuery UI 1.11.4 -->
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
    <!-- Bootstrap 4 -->
    <script src="/public/dist/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- Sparkline -->
    <script src="/public/dist/plugins/sparkline/jquery.sparkline.min.js"></script>
    <!-- jvectormap -->
    <script src="/public/dist/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
    <script src="/public/dist/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
    <!-- Slimscroll -->
    <script src="/public/dist/plugins/slimScroll/jquery.slimscroll.min.js"></script>
    <!-- ChartJS 1.0.2 -->
    <script src="/public/dist/plugins/chartjs-old/Chart.min.js"></script>
    <!-- AdminLTE App -->
    <script src="/public/dist/js/adminlte.js"></script>
    <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
    <script src="/public/dist/js/pages/dashboard2.js"></script>
    <!-- AdminLTE for demo purposes -->
    <script src="/public/dist/js/demo.js"></script>
    
    <script src="/public/dist/plugins/ckeditor/ckeditor/ckeditor.js"></script>
<script src="/public/dist/plugins/ckeditor/ckeditor/sample.js"></script>


    <script>

        $('#DeletePackageModal').on('show.bs.modal', function (e) {
            // get information to update quickly to modal view as loading begins
            var opener=e.relatedTarget;//this holds the element who called the modal

            //we get details from attributes
            var channelid=$(opener).attr('package-id');

            $('#DeleteForm').find('[name="id"]').val(channelid);
        });
        
        

        $(document).ready(function(){
            initSample();
        });

    </script>


@stop