@extends('layouts.app')
@section('title', 'Autoresponders | Email Marketing')
@section('extrastyles')
    <link rel="stylesheet" href="{{ asset('/plugins/dataTables/datatables.min.css') }}" >
    <link href="{{ asset('/plugins/summernote/summernote.css') }}" rel="stylesheet">
    <link href="{{ asset('/plugins/summernote/summernote-bs3.css') }}" rel="stylesheet">
@endsection
@section('content')
    <div class="studio98_websters">
        <div class="ibox-title2">
            <h5>Manage Autoresponders</h5>
            <div class="pull-right">
                <a class="btn btn-primary" href="{{ application_url('email-marketing/autoresponders/create')}}">Add Autoresponder</a>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content p-md">
                        @include('flash::message')
                        <div class="clearfix"></div>
                        <table style="width: 100%;" class="table table-striped table-bordered table-hover"  id="auto_respoders_listing">
                            <thead>
                            <tr>
                                <th>Title</th>
                                <th>Subject</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody id="auto_autoing">
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('Website::layout._gallery_popup')
@endsection
@section('footer')
    <script src="{{ asset('/plugins/dataTables/datatables.min.js') }}"></script>
    <script src="{{ asset('/plugins/summernote/summernote.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            initializeSummerNote();
            var oTable = $('#auto_respoders_listing').DataTable({
                responsive: true,
                processing: true,
                serverSide: true,
                dom: 'lrtip',
                language: {
                    lengthMenu: " _MENU_ ",
                    searchPlaceholder: "Search...",
                    search: '', /* removed search label */
                },
                ajax : {
                    url: "{{ application_url('email-marketing/autoresponders/auto-responders-listing') }}",
                    data: function (data) {
                    }
                }
            });

            $('#gallery_manager').on('shown.bs.modal', function (e) {
                $('#gallery_manager .other_file_image,#gallery_manager li#slider_tab').remove();
                if( $('#gallery_manager .use_banner_image').length < 1 ) {
                    $('#gallery_manager').find('.modal-footer').append('<button type="button" class="btn btn-primary use_banner_image">Insert Image</button>');
                }
            });
        });

        $(document).on('click', '#gallery_manager .use_banner_image', function() {
            var amazon_url  = $(this).find('img').attr('src');
            if( $('#gallery_manager li.selected').length > 0 ) {
                var media_id = $('#gallery_manager li.selected a').data('id');
                $('#auto_media_id').val(media_id);
                $('#gallery_manager').modal('hide');
            }
        });

        function saveAuto() {
            var sHTML = $('#create_auto .summernote').summernote('code');
            $('#create_auto input[name=content]').val(sHTML);
            return reloadAjaxSubmit('create_auto',"{{ application_url('email-marketing/autoresponders/create') }}",'title','Submit');
        }

        function updateAuto() {
            var sHTML = $('#update_auto .summernote').summernote('code');
            $('#update_auto input[name=content]').val(sHTML);
            return reloadAjaxSubmit('update_auto',"{{ application_url('email-marketing/autoresponders/update') }}",'title','Update');
        }

        function deleteAuto(autoId) {
            if(confirm('Are you sure you want to delete this?')) {
                $.ajax({
                    method: 'POST',
                    url: '{{ application_url('email-marketing/autoresponders/delete')}}',
                    data: 'auto_id='+autoId+'&_token='+csrf_token,
                }).done(function() {
                    toastrShow('Auto deleted Successfully!','Success');
                    location.reload();
                });
            }
        }

        function getAuto(autoId) {
            $.ajax({
                method: 'GET',
                url: '{{ application_url('email-marketing/autoresponders/update/')}}/'+autoId
            }).done(function(data) {
                $('#update_auto .modal-body').html(data);
                initializeSummerNote();
                $('#update_auto').modal('show');
            });
        }

    </script>

@endsection