@extends(decide_template())

@section('title', $page_data['title'])

@section('page_styles')
<link href="{{ asset('css/drip-group-create.css') }}??v={{$local_version}}" rel="stylesheet" type="text/css">
<style>
.form-group[data-name="eoROhNDn"] {
    margin-bottom: 15px;
}
</style>
@endsection

@section('page_scripts')
<script src="{{ asset('themes/default/js/jquery.form.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/jquery.validate.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/additional-methods.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/init.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/select2.full.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/select2.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/form-controls.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/includes/autorespondergroups.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/includes/common.js') }}" type="text/javascript"></script>
<script>
    var form_error="{{trans('common.message.form_error')}}";
    $(document).ready(function() {
        $(".m-select2").select2({
            placeholder: 'Select Option',
            templateResult: function (data, container) {
                    if (data.element) {
                      $(container).addClass($(data.element).attr("class"));
                    }
                    return data.text;
                  }
        });
    });

        
    // load from name, from email, bounce email and reply-to email data
    function loadData (val) {
        if (val == 'from_list') {
                            $("#listed_in_list").attr('checked');
                $("#listed_in_list").prop('checked', true);
                $("#from_name").removeAttr('required');
                $("#from-name").hide();
                            $('.listed_in_list').show();
                $('.listed_in_smtp').hide();
                $('.checkBlk').show();
                $('.custom-data').hide();
                $('.custom-data input').attr("disabled", "disabled");
                $('.custom-data select').attr("disabled", "disabled");
        } else if (val == 'from_smtp') {
                            $("#listed_smtp").removeAttr('checked');
               $("#listed_smtp").prop('checked', true);
                $("#from_name").removeAttr('required');
                $("#from-name").hide();
                            $('.listed_in_smtp').show();
                $('.listed_in_list').hide();
                $('.checkBlk').show();
                $('.custom-data').hide();
                $('.custom-data input').attr("disabled", "disabled");
                $('.custom-data select').attr("disabled", "disabled");
        } else if (val == 'custom') {
                $("#listed_smtp").attr('checked');
                $('.listed_in_list').hide();
                $('.listed_in_smtp').hide();
                $('.checkBlk').hide();
                $('.custom-data').show();
                $('.custom-data input').removeAttr("disabled");
                $('.custom-data select').removeAttr("disabled");
                $("#from-name").show();
        }
    }
    var selected_data = $("input[name='sender_information']:checked").val()
    loadData(selected_data);

   // switch from name
    $('#listed_in_list').click(function() {
        if($(this).is(":checked") == true) {
            $("#from-name").slideUp();
            $("#from_name").val('');
            $("#from_name").removeAttr('required');
        } else {
            $("#from-name").slideDown();
            $("#from_name").val('');
            $("#from_name").attr('required', true);
        }
    });
   
    $("#listed_smtp").click(function() {
        if($(this).is(":checked") == true) {
            $("#from-name").slideUp();
            $("#from_name").val('');
            $("#from_name").removeAttr('required');
        } else {
            $("#from-name").slideDown();
            $("#from_name").val('');
            $("#from_name").attr('required', true);
        }
    });
   
$(document).ready(function() { 
         
      //  $("#listed_smtp").prop('checked', true);
       // $("#from-name").slideUp();
       // $(".listed_in_list").hide();
        console.log('la fd');
    });

</script>
@endsection

@section(decide_content())

@if($errors->any())
    <!-- For PHP validations errors-->
    <div class="alert alert-danger" data-name="sQIjiKou">
        @foreach($errors->all() as $error)
            <p>{{ $error }}</p>
        @endforeach
    </div>
@endif
<!-- will be used to show any messages -->
@if (Session::has('msg'))
<div class="alert alert-success" data-name="gGMJGmDb">
    {{ Session::get('msg') }}
</div>
@endif
<!-- will be used to show any messages about form -->
<div id="msg" class="display-hide" data-name="sJLoXXbR">
    <span class='alert-text' id='msg-text'><span>
</div>
<!-- BEGIN FORM-->
<div class="col-md-6 create-form" data-name="YBQrYyNx">
    @if ($page_data['action'] == 'add')
        <form action="{{ route('drips.group.store') }}" method="POST" id="submit-frm" class="kt-form kt-form--label-right">
        <input type="hidden" id="token" name="_token" value="{{ csrf_token() }}">
        <input type="hidden" id="action" value="add">
    @else  
        <form action="{{ route('drips.group.update', $autoresponder_group->id) }}" method="POST" id="submit-frm" class="kt-form kt-form--label-right">
        <input type="hidden" id="action" value="edit">
        <input type="hidden" id="token" name="_token" value="{{ csrf_token() }}">
        <input type="hidden" id="groups-id" value="{{$autoresponder_group->id}}">
        <input type="hidden" name="_method" value="PUT">
        @if(isset($meta_data->campaigns))
            <input type="hidden" id="campaign-type" value="{{$meta_data->campaigns}}">
        @endif
        @if(isset($meta_data->campaigns_ids))
            <input type="hidden" id="campaign-ids"  value="{{implode(",",$meta_data->campaigns_ids)}}">
        @endif
        @if(isset($meta_data->links_clicked))
            <input type="hidden" id="links"  value="{{implode(",",$meta_data->links_clicked)}}">
        @endif
    @endif

        <div class="row" data-name="fXAywxSL">

            <div class="kt-portlet kt-portlet--height-fluid" data-name="ZIOLtDCH">
                <div class="kt-portlet__head" data-name="sLGSHJfU">
                    <div class="kt-portlet__head-label" data-name="HRrFzNjn">
                        <h3 class="kt-portlet__head-title">{{trans('drip.add_group.page_heading')}}</h3>
                    </div>
                </div>
                <div class="kt-portlet__body" data-name="WmcXgXeQ">
                    <div class="form-body" data-name="NzBoAVdm">
                        <!-- Group -->
                        <div class="form-group row" data-name="TMUqqCIo">
                            <div class="col-md-12" data-name="IVCZsWta">
                                <label class="col-form-label">{{trans('common.label.group')}}
                                    <span class="required"> * </span>
                                     {!! popover( 'drip.add_group.group_help','common.description' ) !!}
                                </label>
                                <input type="text" name="name" value="{{isset($autoresponder_group->name) ? $autoresponder_group->name : '' }}" class="form-control" />
                            </div>
                        </div>
                        <!-- Group -->

                        <!-- sending nodes -->
                        <div class="form-group row" id="smtp-blk" data-name="eoROhNDn">
                            <div class="col-md-12" data-name="jywixsjj">
                                <label class="col-form-label">{{trans('common.label.sending_nodes')}}
                                    <span class="required"> * </span>
                                    {!! popover( 'drip.add_group.form.label.smtp_list_description','common.description' ) !!}
                                </label>
                                <div class="kt-portlet kt-portlet--height-fluid scroll scroll-300" data-name="OMWfaWeX">
                                    <div class="kt-portlet__body smtpList" data-name="MCpIGcYM">
                                        @foreach ($smtp_tree as $group_metadata)
                                            @if(!empty($group_metadata['children']))
                                            <div class="kt-checkbox-list" data-name="exLCMCBv">
                                                <label class="kt-checkbox parentList" for="{{ $group_metadata['id'] }}">
                                                    <input class="group-selector-subscriber" type="checkbox" value="{{ $group_metadata['id'] }}" id="{{ $group_metadata['id'] }}" name="list_group[]"> {{ $group_metadata['name'] }}
                                                    <span></span>
                                                </label>
                                            </div>
                                            @endif
                                            @foreach ($group_metadata['children'] as $smtp_metadata)
                                                @if(empty($group_metadata['children']))
                                                <div style="padding-left: 20px;" data-name="koGRRSmm">
                                                    <span class="text-danger">{{trans('drip.add_group.form.error_message.no_smtp_is_selected')}}</span>
                                                </div>
                                                @else
                                                <div class="kt-checkbox-list" style="padding-left: 20px;" data-name="xSlNFdae">
                                                    <label for="group-subscriber-{{ $smtp_metadata['id'] }}" class="kt-checkbox childList">
                                                        <input type="checkbox" id="group-subscriber-{{ $smtp_metadata['id'] }}" value="{{ $smtp_metadata['id'] }}" name="smtp_lists[]" class="form-control group-subscriber-{{ $group_metadata['id'] }}" {{ isset($meta_data->smtp_lists) && in_array($smtp_metadata['id'], $meta_data->smtp_lists) ? 'checked' : '' }}> {{ $smtp_metadata['name'] }} 
                                                        <span></span>
                                                    </label>
                                                </div>
                                                @endif
                                            @endforeach
                                        @endforeach
                                    </div>
                                </div>
                                <div id="sn-error" class="">{{trans('common.error.single_check')}}</div>
                            </div>
                        </div>
                        <!-- sending nodes -->

                        <!-- Track Opens -->
                        <div class="form-group" data-name="biLttlxX">
                            <div class="col-md-12 row" data-name="uOQJrDyQ">
                                <label class="col-form-label col-md-4">{{trans('common.label.track_opens')}}
                                    {!! popover( 'drip.add_group.form.label.track_opens_description','common.description' ) !!}
                                </label>
                                @if(isset($meta_data->track_opens))
                                <span class="kt-switch kt-switch--outline kt-switch--icon kt-switch--success">
                                    <label>
                                        <input type="checkbox" checked="checked" name="track_opens" {{ trackingStatus() }}>
                                        <span></span>
                                    </label>
                                </span>
                                @else
                                <div class="col-md-4" data-name="HkxazKkF">
                                    <span class="kt-switch kt-switch--outline kt-switch--icon kt-switch--success">
                                        <label>
                                            <input type="checkbox" name="track_opens" {{ trackingStatus() }}>
                                            <span></span>
                                        </label>
                                    </span>
                                </div>
                                @endif
                            </div>
                        </div>
                        <!-- Track Opens -->

                        <!-- Track Clicks  -->
                        <div class="form-group" data-name="wCesKVTt">
                            <div class="col-md-12 row" data-name="iPUXlkfx">
                                <label class="col-form-label col-md-4">{{trans('common.label.track_clicks')}}
                                    {!! popover( 'drip.add_group.form.label.track_clicks_description','common.description' ) !!}
                                </label>
                                @if(isset($meta_data->track_clicks))
                                <span class="kt-switch kt-switch--outline kt-switch--icon kt-switch--success">
                                    <label>
                                        <input type="checkbox" checked="checked" name="track_clicks" {{ trackingStatus() }}>
                                        <span></span>
                                    </label>
                                </span>
                                @else
                                <div class="col-md-4" data-name="xiRrSpcB">
                                    <span class="kt-switch kt-switch--outline kt-switch--icon kt-switch--success">
                                        <label>
                                            <input type="checkbox" name="track_clicks" {{ trackingStatus() }}>
                                            <span></span>
                                        </label>
                                    </span>
                                </div>
                                @endif
                            </div>
                        </div>
                        <!-- Track Clicks  -->

                        <!-- Insert Unsubscribe Link -->
                        <div class="form-group" data-name="dZQfDdqc">
                            <div class="col-md-12 row" data-name="hKoYsJFg">
                                <label class="col-form-label col-md-4">{{trans('common.label.embed_unsubscribe_link')}}
                                    {!! popover( 'drip.add_group.form.label.track_unsubscribe_link_description','common.description' ) !!}
                                </label>
                                @if(isset($meta_data->unsubscribe))
                                <span class="kt-switch kt-switch--outline kt-switch--icon kt-switch--success">
                                    <label>
                                        <input type="checkbox" checked="checked" name="unsubscribe">
                                        <span></span>
                                    </label>
                                </span>
                                @else
                                <div class="col-md-4" data-name="NZEosLYA">
                                     <span class="kt-switch kt-switch--outline kt-switch--icon kt-switch--success">
                                        <label>
                                            <input type="checkbox" name="unsubscribe">
                                            <span></span>
                                        </label>
                                    </span>
                                </div>
                                @endif
                            </div>
                        </div>
                        <!-- Insert Unsubscribe Link -->

                        <br />
<font size='1'><table class='xdebug-error xe-uncaught-exception' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Fatal error: Uncaught Error: Call to undefined function getSetting() in /home/mohamma2/public_html/subdomains/new.mohammad.jt.mumara.dev/resources/views/themes/default/autoresponder/create-group.blade.php on line <i>333</i></th></tr>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Error: Call to undefined function getSetting() in /home/mohamma2/public_html/subdomains/new.mohammad.jt.mumara.dev/resources/views/themes/default/autoresponder/create-group.blade.php on line <i>333</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0288</td><td bgcolor='#eeeeec' align='right'>493624</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='/home/mohamma2/public_html/subdomains/new.mohammad.jt.mumara.dev/resources/views/themes/default/autoresponder/create-group.blade.php' bgcolor='#eeeeec'>.../create-group.blade.php<b>:</b>0</td></tr>
</table></font>