@extends(decide_template())

@if($page_data['action'] == 'add')
    @section('title', trans('contact_list.add.title'))
@elseif($page_data['action'] == 'edit')
    @section('title', trans('contact_list.edit.title'))
@endif

@section('page_styles')

<link href="{{ asset('css/list-create.css') }}?v={{$local_version}}" rel="stylesheet" type="text/css">
<link href="{{ asset('themes/default/css/jquery.nestable.css') }}" rel="stylesheet" type="text/css" />
<style type="text/css">
    .dd-handle, .dd3-content {
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }
    .dd3-content .kt-checkbox, .dd3-content .mt-radio {
        margin-bottom: 0;
    }
    .dd3-content .kt-checkbox-list, .dd3-content .mt-radio-list {
        padding: 0;
    }
    .dd3-handle:before {
        content: '=';
        top: 6px;
        color: #999;
    }
    .dd3-content .kt-checkbox-list {
        padding-left: 9px;
        margin-top: 4px;
    }
    .dd3-content {
        margin: 7px 0;
        background: #f9f9f9;
    }
    .btn {
        min-width: 80px;
    }
    form#frm_export_segemnt h3 {
        margin-bottom: 5px;
    }
    #btn-new {
        display: none;
    }
    a.new-btn {
        margin-left: 11px;
    }
    @media (min-width: 992px) {
        .page-content-wrapper .page-content {
            min-height: 780px;
            overflow-x: hidden;
        }
    }
    .kt-checkbox-list {
        padding: 0;
        padding-left: 10px;
    }
    .kt-checkbox-list .kt-checkbox:last-child {
        margin-bottom: 0;
        margin-top: -2px;
    }
    @media (max-width:767px) {
        .kt-checkbox-list .kt-checkbox {
            display: block;
            white-space: normal;
            word-break: break-word;
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
        }
        .dd3-content {
            height: auto;
            display: flow-root;
            min-height: 34px;
        }
    }
    #nestable_list_campaign {
        width: 100%;
        max-height: 470px;
        overflow: hidden;
        overflow-y: scroll;
        overflow-y: overlay;
    }
    #nestable_list_campaign::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
    ::-webkit-scrollbar-button {
        display: none;
    }
    #nestable_list_campaign::-webkit-scrollbar-thumb {
        background: #bcbcbc;
        border-radius: 0px;
    }
    #nestable_list_campaign::-webkit-scrollbar-track {
        border-radius: 0px;
        background: #eaeaea;
    }
    a.btn-cancel {
        min-width: 20px;
    }
    .col-md-12.p-0, .col-md-9.p-0, .col-md-8.p-0, .col-md-6.p-0 {
        padding: 0;
    }
    .col.p-0 {
        padding: 0;
    }
    .kt-heading.kt-heading--md {
        margin-bottom: 10px;
    }
    .red-class{
        border: 0.1em solid red;
        border-radius: 0.4em;
    }
    .btn-group>.multiselect-container>li>a>label.checkbox {
        min-height: 30px !important;
        height: auto !important;
    }
</style>
@section('page_scripts')
    <script src="{{ asset('themes/default/js/select2.full.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/jquery.form.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/select2.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/form-controls.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/bootstrap-multiselect.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/components-bootstrap-multiselect.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/lib.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/jquery.input.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/repeater.js') }}" type="text/javascript"></script>
    <script>
        var form_error="{{trans('common.message.form_error')}}";
        var groups_msg="{{trans('common.message.groups_created')}}";
    </script>
    <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 routeAccess() in /home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/list/create.blade.php on line <i>137</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 routeAccess() in /home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/list/create.blade.php on line <i>137</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.0027</td><td bgcolor='#eeeeec' align='right'>660592</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='/home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/list/create.blade.php' bgcolor='#eeeeec'>.../create.blade.php<b>:</b>0</td></tr>
</table></font>