@extends ('backend.layouts.app')

@section('title', trans('labels.backend.newsletters.management'))


@section('content')


    <div class="box box-info">
        <div class="box-header with-border card-header">
            @if ($assignedArticles == 4)

                <h3 class="box-title" style="display: block;">
                    Upload Magazine</h3>
                <div class="box-header with-border">
                    <form method="post" action="{{ url('admin/newsletters/magazine') }}" class="feedback-form-1"
                        enctype="multipart/form-data">
                        {{ csrf_field() }}
                        <div class="box-body">
                            <div class="form-group">
                                <div class="box-body">

                                    <div class="row">
                                        <div class="col-lg-6 col-md-6 col-xs-12">
                                            <label for="title"
                                                class="col-lg-12 col-md-12 nopadding control-label required"
                                                aria-required="true">Magazine Pdf :</label>
                                            <div class="col-lg-12 col-md-12 nopadding">
                                                <span class="btn btn-default col-lg-12 col-md-12">
                                                    <input type="file" name="magazine_pdf" required="">
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-xs-12">
                                            <label for="title"
                                                class="col-lg-12 col-md-12 nopadding control-label required"
                                                aria-required="true">Magazine Cover :</label>
                                            <div class="col-lg-12 col-md-12 nopadding">
                                                <span class="btn btn-default col-lg-12 col-md-12">
                                                    <input type="file" name="magazine_cover" required="">
                                                </span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row" style="margin-top:20px;">
                                        <div class="col-lg-6 col-md-6 col-xs-12">
                                            <label for="title"
                                                class="col-lg-12 col-md-12 nopadding control-label required"
                                                aria-required="true">Volume :</label>
                                            <div class="col-lg-12 col-md-12 nopadding">
                                                <input type="text" name="volume" id="issue" value=""
                                                    placeholder="" class="form-control" required="">
                                                <span id="showalerttag" style="display: none;"><strong>Danger!</strong> You
                                                    Are Filling here a block company name Are you sure go next.
                                                </span>
                                            </div>

                                        </div>
                                        <div class="col-lg-6 col-md-6 col-xs-12">
                                            <label for="title"
                                                class="col-lg-12 col-md-12 nopadding control-label required"
                                                aria-required="true">Issue :</label>
                                            <div class="col-lg-12 col-md-12 nopadding">
                                                <input type="text" name="issue" id="issue" value=""
                                                    placeholder="" class="form-control" required="">
                                                <span id="showalerttag" style="display: none;"><strong>Danger!</strong> You
                                                    Are Filling here a block company name Are you sure go next.
                                                </span>
                                            </div>

                                        </div>
                                    </div>

                                    <div class="row" style="margin-top:20px;">
                                        <div class="col-lg-6 col-xs-12">
                                            <label for="title"
                                                class="col-lg-12 col-md-12 nopadding control-label required"
                                                aria-required="true">Title :</label>
                                            <div class="col-lg-12 col-md-12 nopadding">
                                                <input type="text" name="title" id="heading2" value=""
                                                    placeholder="" class="form-control" required="">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-xs-12">
                                            <label for="title"
                                                class="col-lg-12 col-md-12 nopadding control-label required"
                                                aria-required="true">Short Description :</label>
                                            <div class="col-lg-12 col-md-12 nopadding">
                                                <input type="text" name="description" id="description" value=""
                                                    placeholder="" class="form-control" required="">
                                            </div>
                                        </div>

                                    </div>

                                    <div class="row" style="margin-top:20px;">
                                        <div class="col-lg-6 col-md-6 col-xs-12">
                                            <label for="title"
                                                class="col-lg-12 col-md-12 nopadding control-label required"
                                                aria-required="true">Magazine Type :</label>
                                            <div class="col-lg-12 col-md-12 nopadding">
                                                <select name="magazine_type" id="authortype"
                                                    class="form-control col-md-12 tags box-size">
                                                    <option value="">Select one</option>
                                                    <option value="1">MONTHLY ISSUE</option>
                                                    <option value="2">SPECIAL ISSUE</option>
                                                    <option value="3">ANNIVERSARY</option>
                                                    <option value="4">13th ANNIVERSARY</option>
                                                    <!-- <option value="5">TOP 30 UNDER 30</option> -->
                                                    <!-- <option value="6">GOAFEST DAY TWO</option> -->

                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row" style="margin:20px 0px 0px 0px;">
                                        <div class="progress">
                                            <div class="bar"></div>
                                            <div class="percent">0%</div>
                                        </div>
                                    </div>



                                    <div class="col-lg-6 col-xs-12">
                                        <button type="submit" class="btn btn-danger">Add</button>
                                    </div>
                                </div>
                            </div>
                        </div>


                    </form>
                </div>
                <div class="box box-info">
                    <div class="box-header with-border">


                        <div class="box-tools pull-right">

                        </div>
                    </div><!--box-header with-border-->

                    <div class="box-body">
                        <div class="table-responsive data-table-wrapper">
                            <table id="newslt-tablem" class="table table-condensed table-hover table-bordered">
                                <thead>
                                    <tr>
                                        <th>{{ trans('labels.backend.authors.table.id') }}</th>
                                        <th> Title</th>

                                        <th>Magazine Cover </th>
                                        <th>Volume</th>
                                        <th>Issue</th>

                                        <th>{{ trans('labels.general.actions') }}</th>
                                    </tr>
                                </thead>
                                <thead class="transparent-bg">
                                    <tr>
                                        <th></th>
                                        <th></th>

                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>

                                    </tr>

                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div><!--table-responsive-->
                    </div><!-- /.box-body -->
                </div><!--box-->
            @elseif($assignedArticles == 2)
                <h3 class="box-title" style="display: block;">
                    Magazine Creative</h3>


                <div class="box-header with-border">
                    <form method="post" action="{{ url('admin/newsletters/creative') }}" class="feedback-form-1"
                        enctype="multipart/form-data">
                        {{ csrf_field() }}
                        <div class="box-body">
                            <div class="form-group">
                                <div class="box-body">

                                    <div class="row">
                                        <div class="col-lg-6 col-xs-12">
                                            <label for="title"
                                                class="col-lg-12 col-md-12 nopadding control-label required"
                                                aria-required="true">Heading 1 :</label>
                                            <div class="col-lg-12 col-md-12 nopadding attributes-added">
                                                <input type="text" name="heading1" id="heading1" placeholder=""
                                                    class="form-control" required="">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-xs-12">
                                            <label for="title"
                                                class="col-lg-12 col-md-12 nopadding control-label required"
                                                aria-required="true">Heading 2 :</label>
                                            <div class="col-lg-12 col-md-12 nopadding attributes-added">
                                                <input type="text" name="heading2" id="heading2" placeholder=""
                                                    class="form-control" required="">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row" style="margin-top:20px;">
                                        <div class="col-lg-6 col-xs-12">
                                            <label for="title"
                                                class="col-lg-12 col-md-12 nopadding control-label required"
                                                aria-required="true">Read Online Link :</label>
                                            <div class="col-lg-12 col-md-12 nopadding attributes-added">
                                                <input type="text" name="read_link" id="read_link" placeholder=""
                                                    class="form-control" required="">
                                            </div>
                                        </div>

                                        <div class="col-lg-6 col-xs-12">
                                            <label for="title"
                                                class="col-lg-12 col-md-12 nopadding control-label required"
                                                aria-required="true">Subscription Link :</label>
                                            <div class="col-lg-12 col-md-12 nopadding">
                                                <input type="text" name="subscription_link" id="issue"
                                                    placeholder="" class="form-control" required="">
                                                <span id="showalerttag" style="display: none;"><strong>Danger!</strong>
                                                    You Are Filling here a block company name Are you sure go next.
                                                </span>
                                            </div>

                                        </div>
                                    </div>

                                    <div class="row" style="margin-top:20px;">
                                        <div class="col-lg-6 col-md-6 col-xs-12">
                                            <label for="title"
                                                class="col-lg-12 col-md-12 nopadding control-label required"
                                                aria-required="true">Volume :</label>
                                            <div class="col-lg-12 col-md-12 nopadding">
                                                <input type="text" name="volume" id="issue" placeholder=""
                                                    class="form-control" required="">
                                                <span id="showalerttag" style="display: none;"><strong>Danger!</strong>
                                                    You Are Filling here a block company name Are you sure go next.
                                                </span>
                                            </div>

                                        </div>
                                        <div class="col-lg-6 col-md-6 col-xs-12">
                                            <label for="title"
                                                class="col-lg-12 col-md-12 nopadding control-label required"
                                                aria-required="true">Issue :</label>
                                            <div class="col-lg-12 col-md-12 nopadding">
                                                <input type="text" name="issue" id="issue" placeholder=""
                                                    class="form-control" required="">
                                                <span id="showalerttag" style="display: none;"><strong>Danger!</strong>
                                                    You Are Filling here a block company name Are you sure go next.
                                                </span>
                                            </div>

                                        </div>
                                    </div>


                                    <div class="row" style="margin-top:20px;">
                                        <div class="col-lg-6 col-xs-12">
                                            <label for="title"
                                                class="col-lg-12 col-md-12 nopadding control-label required"
                                                aria-required="true">Issue Tags :</label>
                                            <div class="col-lg-12 col-md-12 nopadding">
                                                <input type="text" name="issue_tags" id="issue" value=""
                                                    placeholder="" class="form-control">
                                                <span id="showalerttag" style="display: none;"><strong>Danger!</strong>
                                                    You Are Filling here a block company name Are you sure go next.
                                                </span>
                                            </div>

                                        </div>
                                        <div class="col-lg-6 col-xs-12">
                                            <label for="title"
                                                class="col-lg-12 col-md-12 nopadding control-label required"
                                                aria-required="true">Magazine Image :</label>
                                            <div class="col-lg-12 col-md-12 nopadding">
                                                <span class="btn btn-default col-lg-12 col-md-12">
                                                    <input type="file" name="magazine_img" required="">
                                                </span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 col-xs-12">
                                        <button type="submit" class="btn btn-danger">Add</button>
                                    </div>
                                </div>
                            </div>
                        </div>


                    </form>
                </div>
                <div class="box box-info">
                    <div class="box-header with-border">


                        <div class="box-tools pull-right">

                        </div>
                    </div><!--box-header with-border-->

                    <div class="box-body">
                        <div class="table-responsive data-table-wrapper">
                            <table id="newslt-tablemc" class="table table-condensed table-hover table-bordered">
                                <thead>
                                    <tr>

                                        <th> Heading1</th>
                                        <th>Heading2</th>
                                        <th>Read Link</th>
                                        <th>Subscription Link</th>
                                        <th>Volume</th>
                                        <th>Issue</th>
                                        <th>Issue Tags</th>
                                        <th>Magazine Image</th>
                                        <th>{{ trans('labels.general.actions') }}</th>
                                    </tr>
                                </thead>
                                <thead class="transparent-bg">
                                    <tr>
                                        <th></th>
                                        <th></th>

                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>

                                    </tr>

                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div><!--table-responsive-->
                    </div><!-- /.box-body -->
                </div><!--box-->
            @elseif($assignedArticles == 5)
                <h3 class="box-title" style="display: block;">
                    News Alert Subscriptions</h3>

                <div class="box box-info">
                    <div class="box-header with-border">
                        <div class="box-tools pull-right">
                        </div>
                    </div><!--box-header with-border-->

                    <div class="box-body">
                        <div class="table-responsive data-table-wrapper">
                            <table id="newslt-subscr" class="table table-condensed table-hover table-bordered">
                                <thead>
                                    <tr>

                                        <th>Email </th>
                                        <th>Created date</th>

                                    </tr>
                                </thead>
                                <thead class="transparent-bg">
                                    <tr>

                                        <th></th>
                                        <th></th>


                                    </tr>

                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div><!--table-responsive-->
                    </div><!-- /.box-body -->
                </div>
            @elseif($assignedArticles == 7)
                <h3 class="box-title" style="display: block;">
                    Payments Report </h3>

                <div class="box box-info">
                    <div class="box-header with-border">
                        <div class="box-tools pull-right">
                        </div>
                    </div><!--box-header with-border-->

                    <div class="box-body">
                        <div class="table-responsive data-table-wrapper">
                            <table id="paymentreport" class="table table-condensed table-hover table-bordered">
                                <thead>
                                    <tr>

                                        <th>Order No. </th>
                                        <th>Mojo Payment Id</th>
                                        <th>Name</th>
                                        <th>Email</th>
                                        <th>Mobile</th>

                                        <th>GST No.</th>
                                        <th>Amount</th>
                                        <th>Subscription For</th>

                                    </tr>
                                </thead>
                                <thead class="transparent-bg">
                                    <tr>

                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>


                                    </tr>

                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div><!--table-responsive-->
                    </div><!-- /.box-body -->
                </div>
            @elseif($assignedArticles == 6)
                <h3 class="box-title" style="display: block;">
                    Magazine Subscriptions List</h3>

                <div class="box box-info">
                    <div class="box-header with-border">
                        <div class="box-tools pull-right">
                        </div>
                    </div><!--box-header with-border-->

                    <div class="box-body">
                        <div class="table-responsive data-table-wrapper">
                            <table id="subscription" class="table table-condensed table-hover table-bordered">
                                <thead>
                                    <tr>
                                        <th>Name </th>
                                        <th>Email </th>
                                        <th>Subscription Start Date</th>
                                        <th>Subscription End Date</th>
                                        <th>Address</th>
                                        <th>City</th>
                                        <th>Pincode</th>

                                    </tr>
                                </thead>
                                <thead class="transparent-bg">
                                    <tr>

                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>

                                    </tr>

                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div><!--table-responsive-->
                    </div><!-- /.box-body -->
                </div>
        </div>
        <!--box-->
    </div><!--box-header with-border-->
@else
    <input type="hidden" name="newsletterId" value="{{ $assignedArticles }}" id="newsletterId" />
    </div><!--box-header with-border-->

    <h3 class="box-title" style="display: block;">
        Published Articles</h3>
    <span>
        <p id="message"></p>
    </span>
    <div class="box-body">
        <div class="table-responsive data-table-wrapper">
            <table id="articles-table" class="table table-condensed table-hover table-bordered">
                <thead>
                    <tr>
                        <th>{{ trans('labels.backend.articles.table.id') }}</th>
                        <th>{{ trans('labels.backend.articles.table.tt') }}</th>
                        <th>{{ trans('labels.backend.articles.table.Author') }}</th>
                        <th>{{ trans('labels.backend.articles.table.cat') }}</th>
                        <th>{{ trans('labels.backend.articles.table.pub') }}</th>
                        <th>{{ trans('labels.general.actions') }}</th>

                    </tr>
                </thead>
                <thead class="transparent-bg">
                    <tr>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                    </tr>
                </thead>
            </table>
        </div><!--table-responsive-->
    </div><!-- /.box-body -->

    </div>

    <div class="box box-info">

        <div class="box-header with-border card-header">
            <h3 class="box-title" style="display: block;">
                @switch($assignedArticles)
                    @case(1)
                        Articles selected for Morning
                    @break

                    @case(2)
                        Articles selected for News Update
                    @break

                    @case(3)
                        Articles Selected for After Noon
                    @break

                    @case(4)
                        Articles Selected for Evening
                    @break

                    @case(5)
                        Articles Selected for Breaking
                    @break

                    @case(8)
                        Articles selected for Brand
                    @break

                    @default
                        Articles Selected for Custom
                @endswitch Newsletter
            </h3>

        </div>
        <div class="box-body">
            <div class="table-responsive data-table-wrapper">
                <table id="newslt-table" class="table table-condensed table-hover table-bordered">
                    <thead>
                        <tr>
                            <th>{{ trans('labels.backend.articles.table.id') }}</th>
                            <th>{{ trans('labels.backend.articles.table.tt') }}</th>
                            <th>{{ trans('labels.backend.articles.table.Author') }}</th>
                            <th>{{ trans('labels.backend.articles.table.cat') }}</th>
                            <th>{{ trans('labels.backend.articles.table.pub') }}</th>
                            <th>Sequence</th>
                            <th>{{ trans('labels.general.actions') }}</th>

                        </tr>
                    </thead>
                    <thead class="transparent-bg">
                        <tr>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                    <div id="news-table_processing" class="dataTables_processing panel panel-default"
                        style="display: none;
                     background: rgba(0, 0, 0, .75) none repeat scroll 0 0;
                     border: 1px solid rgba(255, 255, 255, 1);
                     box-shadow: 5px 5px 20px rgba(0, 0, 0, .5);
                     color: #fff;
                     padding: 5px 0;
                     z-index: 10;
                     position: absolute;
                     top: 50%;
                     left: 50%;
                     width: 200px;
                     margin-left: -100px;
                     margin-top: -26px;
                     text-align: center;
                     padding: 1em 0;">
                        Processing...</div>
                </table>
            </div><!--table-responsive-->
            <div class="edit-form-btn">
                <div class="span12 span-inset">

                    <a class="urlbind" href="" target="_blank">
                        <button type="button" class="btn btn-warning">Preview Newsletter</button></a>
                    <button type="submit" class="btn btn-info" id="testmail">Test Newsletter</button>
                    <button type="submit" class="btn btn-success" id="livemail">Release Newsletter</button>

                </div>
            </div>
        </div><!-- /.box-body -->


    </div>
    <!--box-->



    <div class="modal" id="modalForm">
        <div class="modal-dialog cusmtommedel">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel" style="font-weight: bold;"></h4>
                    <button type="button" class="close" data-dismiss="modal">×</button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-danger" id="testwait" style="display: none;">
                        <a href="#" class="close" data-dismiss="alert">&times;</a>
                        Please Wait..........
                    </div>
                    <div class="alert alert-success" id="testmessage">


                    </div>
                    <form class="form-horizontal" method="post" id="upload_form_album" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        <input type="hidden" readonly class="form-control" value="" name="posttype"
                            id="posttype" />
                        <input type="hidden" readonly class="form-control" value="" name="typem"
                            id="typem" />
                        <input type="hidden" readonly class="form-control url" value="" name="url"
                            id="url" />
                        <input type="hidden" readonly class="form-control" value="" name="desc"
                            id="desc" />
                        <input type="hidden" readonly class="form-control fromname" value="" name="fromname"
                            id="fromname" />



                        <input type="hidden" readonly class="form-control" value="{{ Auth::user()->id }}"
                            name="tuid" id="tuid" />
                        <div class="box-body" id="wrapper">
                            <div class="form-group">
                                {{ html()->label('Subject', 'subject')->class('col-lg-2 control-label required') }}


                                <div class="col-lg-10">
                                    <label id="authortype-error" class="error" for="authortype"
                                        style="display: none;">This field is required.</label>

                                    <textarea name="subject" id="subject" class="form-control box-size" maxlength='130' rows="4"
                                        placeholder="Subject" required></textarea>
                                </div>
                                <p style="color: red;text-align: center;">(max 130 characters including space)</p>
                            </div>
                            @if ($assignedArticles == 5)
                                <input type="hidden" readonly class="form-control" value="" name="breaking_url"
                                    id="breaking_url" />
                                <div class="form-group" id="hidetst" style="display: none;">
                                    <div class="col-lg-1">
                                        <div class="control-group"><label class="control control--checkbox"><input
                                                    name="bstatus" type="checkbox" id="bstatus">
                                                <div class="control__indicator"></div>
                                            </label></div>
                                    </div><label for="status" class="col-lg-6 control-label">Share Article to Whatsup
                                        Group </label>
                                </div>
                            @endif
                            <div class="box-body">
                                <div class="form-group">
                                    <div class="edit-form-btn">
                                        <button id="testmailsend" type="button"
                                            class="btn btn-primary btn-md">Send</button>



                                        <div class="clearfix"></div>
                                    </div><!--edit-form-btn-->
                                </div><!-- form-group -->
                            </div><!--box-body-->


                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @endif
@endsection
@section('after-scripts')
    {{-- For DataTables --}}
    <script src="{{ mix('js/dataTable.js') }}"></script>





    <script>
        //Below written line is short form of writing $(document).ready(function() { })
        $(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            var dataTable = $('#articles-table').dataTable({
                processing: true,
                "iDisplayLength": 10,
                serverSide: true,
                ajax: {
                    url: '{{ route('admin.articles.getpublish') }}',
                    type: 'post',
                    data: {
                        "mid": $('#newsletterId').val()
                    }
                },
                columns: [{
                        data: 'article_id',
                        name: '{{ config('module.articles.table') }}.article_id'
                    },
                    {
                        data: 'title',
                        name: '{{ config('module.articles.table') }}.title'
                    },
                    {
                        data: 'authorname',
                        name: '{{ config('module.articles.table') }}.authorname'
                    },
                    {
                        data: 'category_name',
                        name: '{{ config('module.articles.table') }}.category_name'
                    },
                    {
                        data: 'publish_date',
                        name: '{{ config('module.articles.table') }}.publish_date'
                    },
                    {
                        data: 'actions',
                        name: 'actions',
                        searchable: false,
                        sortable: false
                    },
                ],
                order: [
                    [0, "asc"]
                ],
                searchDelay: 500,
                dom: 'lBfrtip',
                buttons: {
                    buttons: [{
                            extend: 'copy',
                            className: 'copyButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        },
                        {
                            extend: 'csv',
                            className: 'csvButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        },
                        {
                            extend: 'excel',
                            className: 'excelButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        },
                        {
                            extend: 'pdf',
                            className: 'pdfButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        },
                        {
                            extend: 'print',
                            className: 'printButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        }
                    ]
                }
            });
            Backend.DataTableSearch.init(dataTable);
        });
    </script>



@endsection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $(document).on('change', '.btn-file :file', function() {
            var input = $(this),
                label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
            input.trigger('fileselect', [label]);
        });
        $('.btn-file :file').on('fileselect', function(event, label) {
            var input = $(this).parents('.input-group').find(':text'),
                log = label;
            if (input.length) {
                input.val(log);
            } else {
                if (log) alert(log);
            }

        });

        function readURLH(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#header').remove();
                    $('#img-upload').attr('src', e.target.result);
                    formData = new FormData();
                    if (!!input.files[0].type.match(/image.*/)) {
                        formData.append("image", input.files[0]);
                        $.ajax({
                            url: "{{ url('admin/newsletters/addimg') }}",
                            type: "POST",
                            data: formData,
                            processData: false,
                            contentType: false,
                            success: function(data) {

                            }
                        });
                    } else {
                        alert('Not a valid image!');
                    }
                }

                reader.readAsDataURL(input.files[0]);
            }
        }

        function readURLF(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#footer').remove();
                    $('#img-uploadF').attr('src', e.target.result);
                    formData = new FormData();
                    if (!!input.files[0].type.match(/image.*/)) {
                        formData.append("image", input.files[0]);
                        $.ajax({
                            url: "{{ url('admin/newsletters/addimg1') }}",
                            type: "POST",
                            data: formData,
                            processData: false,
                            contentType: false,
                            success: function(data) {}
                        });
                    } else {
                        alert('Not a valid image!');
                    }
                }

                reader.readAsDataURL(input.files[0]);
            }
        }

        function readURLB(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#branding').remove();
                    $('#img-uploadB').attr('src', e.target.result);
                    formData = new FormData();
                    if (!!input.files[0].type.match(/image.*/)) {
                        formData.append("image", input.files[0]);
                        $.ajax({
                            url: "{{ url('admin/newsletters/addimg2') }}",
                            type: "POST",
                            data: formData,
                            processData: false,
                            contentType: false,
                            success: function(data) {}
                        });
                    } else {
                        alert('Not a valid image!');
                    }
                }

                reader.readAsDataURL(input.files[0]);
            }
        }

        $('#imgInph').on('submit', function(e) {
            readURLH(this);
        });
        $("#imgInpf").change(function() {
            readURLF(this);
        });
        $("#imgInpb").change(function() {
            readURLB(this);
        });
    });
</script>


<script>
    $(document).ready(function() {

        //for subscribe list
        $(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            var dataTable = $('#newslt-subscr').dataTable({
                processing: true,
                "iDisplayLength": 10,
                serverSide: true,
                ajax: {
                    url: '{{ url('admin/newsletter/subscribelist') }}',
                    type: 'post',
                    data: {
                        "mid": $('#newsletterId').val()
                    }
                },
                columns: [{
                        data: 'email',
                        name: 'email'
                    },
                    {
                        data: 'created_at',
                        name: 'created_at'
                    },


                ],
                ordering: true,
                searchDelay: 500,
                dom: 'lBfrtip',
                buttons: {
                    buttons: [{
                            extend: 'copy',
                            className: 'copyButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        },
                        {
                            extend: 'csv',
                            className: 'csvButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        },
                        {
                            extend: 'excel',
                            className: 'excelButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        },
                        {
                            extend: 'pdf',
                            className: 'pdfButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        },
                        {
                            extend: 'print',
                            className: 'printButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        }
                    ]
                }
            });
            Backend.DataTableSearch.init(dataTable);
        });



        //for subscription list
        $(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            var dataTable = $('#subscription').dataTable({
                processing: true,
                "iDisplayLength": 10,
                serverSide: true,
                ajax: {
                    url: '{{ url('admin/magazine/subscriptionlist') }}',
                    type: 'post',
                    data: {
                        "mid": $('#newsletterId').val()
                    }
                },
                columns: [{
                        data: 'name',
                        name: 'name'
                    },
                    {
                        data: 'email',
                        name: 'email'
                    },
                    {
                        data: 'SubsStartDate',
                        name: 'SubsStartDate'
                    },
                    {
                        data: 'SubsEndDate',
                        name: 'SubsEndDate'
                    },
                    {
                        data: 'address',
                        name: 'address'
                    },
                    {
                        data: 'city',
                        name: 'city'
                    },
                    {
                        data: 'zipcode',
                        name: 'zipcode'
                    },


                ],
                ordering: false,
                searchDelay: 500,
                dom: 'lBfrtip',
                buttons: {
                    buttons: [{
                            extend: 'copy',
                            className: 'copyButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        },
                        {
                            extend: 'csv',
                            className: 'csvButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        },
                        {
                            extend: 'excel',
                            className: 'excelButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        },
                        {
                            extend: 'pdf',
                            className: 'pdfButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        },
                        {
                            extend: 'print',
                            className: 'printButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        }
                    ]
                }
            });
            Backend.DataTableSearch.init(dataTable);
        });



        //for payment list
        $(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            var dataTable = $('#paymentreport').dataTable({
                processing: true,
                "iDisplayLength": 10,
                serverSide: true,
                ajax: {
                    url: '{{ url('admin/magazine/paymentreport') }}',
                    type: 'post',
                    data: {
                        "mid": $('#newsletterId').val()
                    }
                },
                columns: [{
                        data: 'OrderNo',
                        name: 'OrderNo'
                    },
                    {
                        data: 'txnid',
                        name: 'txnid'
                    },
                    {
                        data: 'name',
                        name: 'name'
                    },
                    {
                        data: 'email',
                        name: 'email'
                    },
                    {
                        data: 'mobile',
                        name: 'mobile'
                    },
                    {
                        data: 'gstdata',
                        name: 'gstdata'
                    },
                    {
                        data: 'amount',
                        name: 'amount'
                    },
                    {
                        data: 'subscription_for',
                        name: 'subscription_for'
                    },


                ],
                ordering: false,
                searchDelay: 500,
                dom: 'lBfrtip',
                buttons: {
                    buttons: [{
                            extend: 'copy',
                            className: 'copyButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        },
                        {
                            extend: 'csv',
                            className: 'csvButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        },
                        {
                            extend: 'excel',
                            className: 'excelButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        },
                        {
                            extend: 'pdf',
                            className: 'pdfButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        },
                        {
                            extend: 'print',
                            className: 'printButton',
                            exportOptions: {
                                columns: [0, 1]
                            }
                        }
                    ]
                }
            });
            Backend.DataTableSearch.init(dataTable);
        });













        fetch_data();

        function fetch_data() {
            var _token = $('input[name="_token"]').val();
            id = $('#newsletterId').val();
            $.ajax({
                url: "{{ url('admin/newsletters/fetch_data') }}",
                data: {
                    id: id,
                    _token: _token
                },
                dataType: "json",
                type: "post",
                success: function(data) {
                    var html = '';
                    for (var count = 0; count < data.length; count++) {
                        html += '<tr id="view_' + data[count].asigned_id + '">';
                        html += '<td>' + data[count].article_id + '</td>';
                        html += '<td>' + data[count].title + '</td>';
                        html += '<td>' + data[count].name + '</td>';
                        html += '<td>' + data[count].category_name + '</td>';
                        html += '<td>' + data[count].publish_date + '</td>';
                        html += '<td>' + data[count].sequence + '</td>';
                        html +=
                            '<td><button type="button" class="btn btn-danger btn-xs delete" id="' +
                            data[count].asigned_id +
                            '"><i data-toggle="tooltip" data-placement="top" title="" class="fa fa-trash" data-original-title="Delete"></i></button></td></tr>';
                        $('#breaking_url').val(data[count].url);
                    }
                    $('#newslt-table tbody').html(html);
                }
            });
        }
        fetch_magazine();

        function fetch_magazine() {
            var _token = $('input[name="_token"]').val();
            id = $('#newsletterId').val();
            $.ajax({
                url: "{{ url('admin/newsletters/magazinelist') }}",
                data: {
                    id: id,
                    _token: _token
                },
                dataType: "json",
                type: "post",
                success: function(data) {
                    var html = '';
                    for (var count = 0; count < data.length; count++) {
                        html += '<tr id="view_' + data[count].id + '">';
                        html +=
                            '<td contenteditable class="column_name" data-column_name="title" data-id="' +
                            data[count].id + '">' + data[count].id + '</td>';
                        html +=
                            '<td contenteditable class="column_name" data-column_name="title" data-id="' +
                            data[count].id + '">' + data[count].title + '</td>';
                        html += '<td>' + data[count].magazine_cover + '</td>';
                        html +=
                            '<td contenteditable class="column_name" data-column_name="title" data-id="' +
                            data[count].id + '">' + data[count].volume + '</td>';
                        html +=
                            '<td contenteditable class="column_name" data-column_name="title" data-id="' +
                            data[count].id + '">' + data[count].issue + '</td>';
                        html +=
                            '<td><button type="button" class="btn btn-danger btn-xs deletemagazine" id="' +
                            data[count].id +
                            '"><i data-toggle="tooltip" data-placement="top" title="" class="fa fa-trash" data-original-title="Delete"></i></button></td></tr>';

                    }


                    $('#newslt-tablem tbody').html(html);
                }
            });
        }



        fetch_magazine_creative();

        function fetch_magazine_creative() {
            var _token = $('input[name="_token"]').val();
            id = $('#newsletterId').val();
            $.ajax({
                url: "{{ url('admin/newsletters/magazinecreative') }}",
                data: {
                    id: id,
                    _token: _token
                },
                dataType: "json",
                type: "post",
                success: function(data) {
                    var html = '';
                    for (var count = 0; count < data.length; count++) {
                        html += '<tr id="view_' + data[count].id + '">';

                        html +=
                            '<td contenteditable class="column_namec" data-column_name="heading1" data-id="' +
                            data[count].id + '">' + data[count].heading1 + '</td>';
                        html +=
                            '<td contenteditable class="column_namec" data-column_name="heading2" data-id="' +
                            data[count].id + '">' + data[count].heading2 + '</td>';
                        html +=
                            '<td contenteditable class="column_namec" data-column_name="read_link" data-id="' +
                            data[count].id + '">' + data[count].read_link + '</td>';
                        html +=
                            '<td contenteditable class="column_namec" data-column_name="subscription_link" data-id="' +
                            data[count].id + '">' + data[count].subscription_link + '</td>';
                        html +=
                            '<td contenteditable class="column_namec" data-column_name="volume" data-id="' +
                            data[count].id + '">' + data[count].volume + '</td>';
                        html +=
                            '<td contenteditable class="column_namec" data-column_name="issue" data-id="' +
                            data[count].id + '">' + data[count].issue + '</td>';
                        html +=
                            '<td contenteditable class="column_namec" data-column_name="issue_tags" data-id="' +
                            data[count].id + '">' + data[count].issue_tags + '</td>';
                        html +=
                            '<td width="30%;"><img style="width:100%;" src="https://storage.googleapis.com/impact-news-photo/news-photo/newsletter/' +
                            data[count].magazine_img + '" alt=""></td>';
                        html +=
                            '<td><button type="button" class="btn btn-danger btn-xs deletemagazinecreative" id="' +
                            data[count].id +
                            '"><i data-toggle="tooltip" data-placement="top" title="" class="fa fa-trash" data-original-title="Delete"></i></button></td></tr>';

                    }


                    $('#newslt-tablemc tbody').html(html);
                }
            });
        }










        var _token = $('input[name="_token"]').val();
        $(document).on('click', '#add', function() {
            id = $('#newsletterId').val();
            var aid = $(this).data('id');
            if (aid != '') {
                $.ajax({
                    url: "{{ url('admin/newsletters/add_data') }}",
                    method: "POST",
                    data: {
                        id: id,
                        aid: aid,
                        _token: _token
                    },
                    success: function(data) {
                        $('#message').html(data);
                        fetch_data();
                    }
                });
            } else {
                $('#message').html("<div class='alert alert-danger'>Both Fields are required</div>");
            }
        });
        $(document).on('click', '.delete', function() {
            var _token = $('input[name="_token"]').val();
            var id = $(this).attr("id");
            $.ajax({
                url: "{{ url('admin/newsletters/delete_data') }}",
                method: "POST",
                data: {
                    id: id,
                    _token: _token
                },
                success: function(data) {
                    fetch_data();
                }
            })

        });

        // delete magazine
        jQuery(document).on('click', '.deletemagazine', function() {

            var _token = $('input[name="_token"]').val();
            var id = $(this).attr("id");
            $.ajax({
                url: "{{ url('admin/newsletters/delete_magazine') }}",
                method: "POST",
                data: {
                    id: id,
                    _token: _token
                },
                success: function(data) {
                    fetch_magazine();
                }
            })

        });
        //end delete magazine

        //delete magazine creative
        jQuery(document).on('click', '.deletemagazinecreative', function() {

            var _token = $('input[name="_token"]').val();
            var id = $(this).attr("id");
            $.ajax({
                url: "{{ url('admin/newsletters/deletemagazinecreative') }}",
                method: "POST",
                data: {
                    id: id,
                    _token: _token
                },
                success: function(data) {
                    fetch_magazine_creative();
                }
            })

        });
        //end delete magazine creative
        //delete email from news alert subscription
        jQuery(document).on('click', '.deleteemailsubscription', function() {

            var _token = $('input[name="_token"]').val();
            var id = $(this).attr("id");
            $.ajax({
                url: "{{ url('admin/newsletters/deleteemailsubscription') }}",
                method: "POST",
                data: {
                    id: id,
                    _token: _token
                },
                success: function(data) {
                    fetch_newsalertsubscriptions();

                }
            })

        });
        //end delete magazine creative

        //update magazine
        $(document).on('blur', '.column_name', function() {
            var column_name = $(this).data("column_name");
            var column_value = $(this).text();
            var id = $(this).data("id");

            if (column_value != '') {
                $.ajax({
                    url: "{{ url('admin/newsletters/update_magazine') }}",
                    method: "POST",
                    data: {
                        column_name: column_name,
                        column_value: column_value,
                        id: id,
                        _token: _token
                    },
                    success: function(data) {
                        $('#message').html(data);
                    }
                })
            } else {
                $('#message').html("<div class='alert alert-danger'>Enter some value</div>");
            }
        });
        //end update magazine


        //update magazine create
        $(document).on('blur', '.column_namec', function() {
            var column_name = $(this).data("column_name");
            var column_value = $(this).text();
            var id = $(this).data("id");

            if (column_value != '') {
                $.ajax({
                    url: "{{ url('admin/newsletters/updatemagazinecreative') }}",
                    method: "POST",
                    data: {
                        column_name: column_name,
                        column_value: column_value,
                        id: id,
                        _token: _token
                    },
                    success: function(data) {
                        $('#message').html(data);
                    }
                })
            } else {
                $('#message').html("<div class='alert alert-danger'>Enter some value</div>");
            }
        });
        //end update magazine create

    });
</script>

<script>
    $.noConflict();
    jQuery(document).ready(function($) {
        function fetch_data() {
            var _token = $('input[name="_token"]').val();
            id = $('#newsletterId').val();
            $.ajax({
                url: "{{ url('admin/newsletters/fetch_data') }}",
                data: {
                    id: id,
                    _token: _token
                },
                dataType: "json",
                type: "post",
                success: function(data) {
                    var html = '';
                    for (var count = 0; count < data.length; count++) {
                        html += '<tr id="view_' + data[count].asigned_id + '">';
                        html += '<td>' + data[count].article_id + '</td>';
                        html += '<td>' + data[count].title + '</td>';
                        html += '<td>' + data[count].name + '</td>';
                        html += '<td>' + data[count].category_name + '</td>';
                        html += '<td>' + data[count].publish_date + '</td>';
                        html += '<td>' + data[count].sequence + '</td>';
                        html +=
                            '<td><button type="button" class="btn btn-danger btn-xs delete" id="' +
                            data[count].asigned_id +
                            '"><i data-toggle="tooltip" data-placement="top" title="" class="fa fa-trash" data-original-title="Delete"></i></button></td></tr>';
                    }


                    $('#newsletters-table1 tbody').html(html);
                }
            });
        }

        $(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $("#newslt-table tbody").sortable({
                appendTo: "parent",
                helper: "clone",
                update: function(event, ui) {
                    var data = $(this).sortable('serialize');
                    $.ajax({
                        data: data,
                        type: 'POST',
                        url: '{{ url('/admin/newsletters/sort/' . $assignedArticles) }}',
                        success: function(data) {
                            fetch_data();
                            location.reload();
                        }
                    });
                }
            })
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#authortype-error").hide();
        $("#testmailsend").on('click', function(e) {
            if ($('#bstatus').is(":checked")) {
                var bn = $("#breaking_url").val();
            } else {
                var bn = 0;
            }
            e.preventDefault();
            var postval = $("#posttype").val();
            var uid = $("#tuid").val();
            var subject = $("#subject").val();
            var desc = $("#desc").val();
            var url = $("#url").val();
            var fromname = $("#fromname").val();
            var csrf = "{{ csrf_token() }}";
            var sendval = $("#typem").val();
            if (subject == '') {
                $("#authortype-error").show();
                $("#subject").focus();
                return false;
            } else {
                $("#authortype-error").hide();
            }
            $("#testmailsend").hide();
            var dataString = 'typem=' + typem + '&subject=' + encodeURIComponent(subject) +
                '&postval=' + postval + '&desc=' + desc + '&url=' + url + '&fromname=' + fromname +
                '&sendval=' + sendval + '&uid=' + uid + '&_token=' + csrf + '&bn=' + bn;
            $.ajax({
                type: 'POST',
                url: '{{ url('') }}/admin/newsletters/sendnewsletter',
                data: dataString,
                beforeSend: function() {

                    $("#testwait").show();
                    $("#errorsubject").hide();
                },
                success: function(response) {

                    $("#testwait").hide();
                    if (sendval == 'live') {
                        $("#testmessage").show();
                        $("#testmessage").html(
                            '<a href="#" class="close" data-dismiss="alert">&times;</a>Final Newsletter has been Released.'
                        );
                    } else {
                        $("#testmessage").show();
                        $("#testmessage").html(
                            '<a href="#" class="close" data-dismiss="alert">&times;</a>Test Newsletter has been Sent.'
                        );
                        $("#testmailsend").show();
                    }

                }
            });
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#testmail").on('click', function() {
            var fn = $('#newsletterId').val();
            $(document).ajaxStart(function() {
                $("#news-table_processing").css("display", "block");
            });
            $(document).ajaxComplete(function() {
                $("#news-table_processing").css("display", "none");
            });
            var dataString = 'id=' + fn;
            $.ajax({
                url: "{{ url('admin/newsletters/createhtml') }}",
                data: dataString,
                type: "POST", // not POST, laravel won't allow it
                success: function(data) {
                    if (data == 'min_morning') {
                        alert('5 article required for publish morning newsletter');
                        return false;
                    } else if (data == 'min_brand') {
                        alert('3 article required for publish Brand newsletter');
                        return false;
                    } else if (data == 'max_morning') {
                        alert('You added more than 5 article, Required only 5');
                        return false;
                    } else if (data == 'max_brand') {
                        alert('You added more than 3 article, Required only 3');
                        return false;
                    }
                    if (fn == '1') {
                        $('#desc').val('Morning Post Test Newsletter has been sent');
                    }
                    if (fn == '2') {
                        $('#desc').val('Newsupdate Test Newsletter has been sent');
                    }
                    if (fn == '3') {
                        $('#desc').val('Afternoon Post Test Newsletter has been sent');
                    }
                    if (fn == '4') {
                        $('#desc').val('Evening Post Test Newsletter has been sent');
                    }
                    if (fn == '5') {
                        $('#desc').val('Breakingnews Test Newsletter has been sent');
                    }
                    if (fn == '6') {
                        $('#desc').val('Custom Test Newsletter has been sent');
                    }
                    if (fn == '8') {
                        $('#desc').val('Brand Sync Test Newsletter has been sent');
                    }
                    $('#posttype').val(fn);
                    $('#typem').val('test');
                    $("#testmessage").hide();
                    $("#hidetst").hide();
                    $('#myModalLabel').text('Send Test NewsLetter')
                    $('#modalForm').modal('toggle');
                    $('#modalForm').modal('show');
                }
            });
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#livemail").on('click', function() {
            $(document).ajaxStart(function() {
                $("#news-table_processing").css("display", "block");
            });
            $(document).ajaxComplete(function() {
                $("#news-table_processing").css("display", "none");
            });
            var fn = $('#newsletterId').val();
            var dataString = 'id=' + fn;
            $.ajax({
                url: "{{ url('admin/newsletters/createhtml') }}",
                data: dataString,
                type: "POST", // not POST, laravel won't allow it
                success: function(data) {
                    if (data == 'no_morning') {
                        alert('Required 5 article for publish morning newsletter');
                        return false;
                    } else if (data == 'no_brand') {
                        alert('Required 3 article for publish Brand newsletter');
                        return false;
                    }
                    if (fn == '1') {
                        $('#desc').val('Morning Post Final Newsletter has been sent');
                    }
                    if (fn == '2') {
                        $('#desc').val('Newsupdate Final Newsletter has been sent');
                    }
                    if (fn == '3') {
                        $('#desc').val('Afternoon Post Final Newsletter has been sent');
                    }
                    if (fn == '4') {
                        $('#desc').val('Evening Post Final Newsletter has been sent');
                    }
                    if (fn == '5') {
                        $('#desc').val('Breakingnews Final Newsletter has been sent');
                    }
                    if (fn == '6') {
                        $('#desc').val('Custom Final Newsletter has been sent');
                    }
                    if (fn == '8') {
                        $('#desc').val('Brand Sync Final Newsletter has been sent');
                    }
                    $('#posttype').val(fn);
                    $("#testmessage").hide();
                    $("#hidetst").show();
                    $('#typem').val('live');
                    $('#myModalLabel').text('Send Final NewsLetter')
                    $('#modalForm').modal('toggle');
                    $('#modalForm').modal('show');
                }
            });
        });
    });
</script>

<script type="text/javascript">
    $.noConflict();
    jQuery(document).ready(function($) {
        $(function() {
            $(window).load(function() {
                var fn = $('#newsletterId').val();
                if (fn == '1') {
                    var newurl =
                        '{{ Config::get('constant.SiteCmsurl') }}newsletter/morningnewsletter.html';
                    $('a.urlbind').attr('href', newurl);
                    $('.url').val(newurl);
                    $('.fromname').val('Realtyplus Morning Post');
                }
                if (fn == '2') {

                    var newurl =
                        '{{ Config::get('constant.SiteCmsurl') }}newsletter/newsupdatenewsletter.html';
                    $('a.urlbind').attr('href', newurl);
                    $('.url').val(newurl);
                    $('.fromname').val('Realtyplus News Update ');
                }
                if (fn == '3') {

                    var newurl =
                        '{{ Config::get('constant.SiteCmsurl') }}newsletter/afternoonnewsletter.html';
                    $('a.urlbind').attr('href', newurl);
                    $('.url').val(newurl);
                    $('.fromname').val('Realtyplus Afternoon Post');
                }
                if (fn == '4') {
                    var newurl =
                        '{{ Config::get('constant.SiteCmsurl') }}newsletter/eveningnewsletter.html';
                    $('a.urlbind').attr('href', newurl);
                    $('.url').val(newurl);
                    $('.fromname').val('Realtyplus Evening Post');
                }
                if (fn == '5') {
                    var newurl =
                        '{{ Config::get('constant.SiteCmsurl') }}newsletter/breakingnewsletter.html';
                    $('a.urlbind').attr('href', newurl);
                    $('.url').val(newurl);
                    $('.fromname').val('Realtyplus Breaking News');
                }
                if (fn == '6') {
                    var newurl =
                        '{{ Config::get('constant.SiteCmsurl') }}newsletter/customnewsletter.html';
                    $('a.urlbind').attr('href', newurl);
                    $('.url').val(newurl);
                    $('.fromname').val('Realtyplus Custom News');
                }
                if (fn == '8') {
                    var newurl =
                        '{{ Config::get('constant.SiteCmsurl') }}newsletter/brandsyncletter.html';
                    $('a.urlbind').attr('href', newurl);
                    $('.url').val(newurl);
                    $('.fromname').val('Realtyplus Custom News');
                }

            });
        });
    });
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.js"></script>
<script></script>
<script type="text/javascript">
    jQuery(document).ready(function($) {

        var bar = $('.bar');
        var percent = $('.percent');
        var status = $('#status');
        $('form').ajaxForm({

            beforeSend: function() {
                status.empty();
                var percentVal = '0%';
                var posterValue = $('input[name=magazine_pdf]').fieldValue();
                bar.width(percentVal)
                percent.html(percentVal);
            },
            uploadProgress: function(event, position, total, percentComplete) {
                var percentVal = percentComplete + '%';
                bar.width(percentVal)
                percent.html(percentVal);
            },
            success: function() {
                var percentVal = 'Wait, Saving';
                bar.width(percentVal)
                percent.html(percentVal);
            },
            complete: function(xhr) {
                status.html(xhr.responseText);
                alert('Uploaded Successfully');
                location.reload(true);
            }
        });
    })
</script>
<style>
    .progress {
        position: relative;
        width: 100%;
        border: 1px solid #7F98B2;
        padding: 1px;
        border-radius: 3px;
    }

    .bar {
        background-color: #B4F5B4;
        width: 0%;
        height: 25px;
        border-radius: 3px;
    }

    .percent {
        position: absolute;
        display: inline-block;
        top: 3px;
        left: 48%;
        color: #7F98B2;
    }
</style>
<style type="text/css" media="screen">
    .btn-file {
        position: relative;
        overflow: hidden;
    }

    .input-group-addon,
    .input-group-btn1 {
        width: 32%;
        white-space: nowrap;
        vertical-align: middle;
    }

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }
</style>