@include('header')

{!! csrf_field() !!}
<?php
$currencies = Config::get('campaign.campaigncurrencies');
$mincampaignbudget = Config::get('campaign.mincampaignbudget');
$mindailycap = Config::get('campaign.mindailycap');
$mincpcrate = Config::get('campaign.mincpcrate');

$vfldurl = trim($fldurl);
?>

<link rel="stylesheet" href="themes/css/bootstrap-datetimepicker.css"/>
<link rel="stylesheet" href="themes/css/font-awesome.css" />
<style>
    /* .beatpicker-inputnode {
       background-color: #fff;
       background-image: none;
       border: 1px solid #ccc;
       border-radius: 4px;
       box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
       color: #555;
       display: inline-block;
       font-size: 14px;
       height: 34px;
       line-height: 1.42857;
       padding: 6px 12px;
       transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
       width: 202px;
   }
   
   .beatpicker-input.beatpicker-inputnode.beatpicker-input-from.beatpicker-inputnode-from, .beatpicker-input-to.beatpicker-inputnode-to.beatpicker-input.beatpicker-inputnode {
   background-color: #fff;
   background-image: none;
   border: 1px solid #ccc;
   border-radius: 4px;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
   color: #555;
   display: inline-block;
   font-size: 14px;
   height: 34px;
   line-height: 1.42857;
   padding: 6px 12px;
   transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
   width: 202px;
}*/
    .modal-dialog{width:850px; }
    .modal-body{height: 550px;overflow-y:scroll;}
    .rowhd{color:#4c4a44}
    #previewdata .row{width: 800px; margin-left: 8px; margin-top: 5px;}
    .beatpicker li.cell {
        padding: 2% 6%;
    }

    .beatpicker li.cell {
        float: left;
        margin: 1%;

        text-align: center;
        white-space: nowrap;
        width: 8%;
    }
    .input-parent.input-container::after{
        content:'';
        left: 218px;
        position: absolute;
        top: 5px;
    }
    .imageThumb {
        max-height: 40px;
        border: 2px solid;
        margin: 10px 10px 0 0;
        padding: 1px;
        cursor: pointer;
    }
    .star{color:#ff0000;}
    .btn {border-radius: 0px;}
    .mtop100{margin-top: 70px;
             margin-left: 25px;}
    .btn-orange:hover{color: #000;}
    h3{margin-bottom: 22px !important;}
    .popover fade right in{top: 20px;}
    button.close{color: #000 !important;opacity:1;}
    // #myCountry .modal-dialog {width:1280px;}
    #cntry{height:475px;overflow-y: scroll;}
    // #myCity .modal-dialog {width:1000px;}
    #cty{height:475px;overflow-y: scroll;overflow-x: no-display;}
    #cty .row{margin:0;padding: 0;}
    #dvc{height:475px;overflow-y: scroll;overflow-x: no-display;}
    #dvc .row{margin:0;padding: 0;}
    #browserdata {height:475px;overflow-y: scroll;overflow-x: no-display;}
    #browserdata .row{margin:0;padding: 0;}
    #osdata{height:475px;overflow-y: scroll;overflow-x: no-display;}
    #osdata .row{margin:0;padding: 0;}

    #osvdata{height:475px;overflow-y: scroll;overflow-x: no-display;}
    #osvdata .row{margin:0;padding: 0;}
    #browservdata {height:475px;overflow-y: scroll;overflow-x: no-display;}
    #browservdata .row{margin:0;padding: 0;}
    #teledata{height:475px;overflow-y: scroll;overflow-x: no-display;}
    #teledata .row{margin:0;padding: 0;}
    .text-right{margin-right: 100px;margin-top: 20px;}
    .btn-arrowd::before {
        border-bottom: 17px solid transparent;
        border-right: 21px solid #f7e830;
        border-top: 17px solid transparent;
        content: "";
        display: inline-block;
        height: 0;
        left: -27%;
        position: absolute;
        top: -1px;
        transition: all 0.3s ease 0s;
        width: 0;
    }
    .btn-arrowd {
        border-radius: 0;
        position: relative;
        //text-transform: uppercase;
    }

    .btn-arrowd:hover::before,
    .btn-arrowd:active::before,
    .btn-arrowd:focus::before{
        border-right: 21px solid #FDD922;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        transition:all 0.3s ease 0s;
    }

    .btn-arrow{text-transform:none;}
    .margin-top2{margin-top: 5px;}
</style>
<script>
    var imchfg = 0;
    var validDm = 0;
    function getKey(e)
    {
        if (window.event)
            return window.event.keyCode;
        else if (e)
            return e.which;
        else
            return null;
    }
    function restrictChars(e, obj)
    {
        var CHAR_AFTER_DP = 2;  // number of decimal places
        var validList = "0123456789.";  // allowed characters in field
        var key, keyChar;
        key = getKey(e);
        if (key == null)
            return true;
        // control keys
        // null, backspace, tab, carriage return, escape
        if (key == 0 || key == 8 || key == 9 || key == 13 || key == 27)
            return true;
        // get character
        keyChar = String.fromCharCode(key);
        // check valid characters
        if (validList.indexOf(keyChar) != -1)
        {
            // check for existing decimal point
            var dp = 0;
            if ((dp = obj.value.indexOf(".")) > -1)
            {
                if (keyChar == ".")
                    return false;  // only one allowed
                else
                {
                    // room for more after decimal point?
                    if (obj.value.length - dp <= CHAR_AFTER_DP)
                        return true;
                }
            }
            else
                return true;
        }
        // not a valid character
        return false;
    }
    function restrictCharset(e, obj)
    {
        var CHAR_AFTER_DP = 3;  // number of decimal places
        var validList = "0123456789.";  // allowed characters in field
        var key, keyChar;
        key = getKey(e);
        if (key == null)
            return true;
        // control keys
        // null, backspace, tab, carriage return, escape
        if (key == 0 || key == 8 || key == 9 || key == 13 || key == 27)
            return true;
        // get character
        keyChar = String.fromCharCode(key);
        // check valid characters
        if (validList.indexOf(keyChar) != -1)
        {
            // check for existing decimal point
            var dp = 0;
            if ((dp = obj.value.indexOf(".")) > -1)
            {
                if (keyChar == ".")
                    return false;  // only one allowed
                else
                {
                    // room for more after decimal point?
                    if (obj.value.length - dp <= CHAR_AFTER_DP)
                        return true;
                }
            }
            else
                return true;
        }
        // not a valid character
        return false;
    }
</script>   
<!-- content a {!! csrf_field() !!}rea -->

<div class="container">
    <h3>Lets Create Your Advertisement</h3>
    <div class="bordered-panel create-ad">
        <section class="row">
            <!-- sidebar -->    
            <div class="col-md-4 col-sm-4 col-xs-12 sidebar">
                <ul class="list-unstyled" id="create-ad_list" role="tablist">
                    <li  role="presentation" class="active"><a href="#creat-ad"  aria-controls="creat-ad" role="tab" data-toggle="tab" class="f1">{{trans('createad.Create_Ad')}}</a></li>
                    <li ><a href="#creatad-picture" aria-controls="creatad-picture" role="tab" data-toggle="tab" class="f2">{{trans('createad.Picture_for_your_advertisement')}}</a></li>
                    <li ><a href="#creatad-targetarea" aria-controls="creatad-targetarea" role="tab" data-toggle="tab" class="f3" >{{trans('createad.Targetting_options')}}</a></li>
                    <li ><a href="#creatad-plan" aria-controls="creatad-plan" role="tab" data-toggle="tab" >{{trans('createad.Plan_your_spend')}}</a></li>

                </ul>
            </div>
            <!-- sidebar end -->
            <!-- create ad content -->
            <div class="col-md-8 col-sm-8 col-xs-12 main-area tab-content">
                <div role="tabpanel" class="tab-pane active" id="creat-ad">
                    <h3>{{trans('createad.Create_Ad')}}</h3>

                    <form class="create-ad-form" name="creatad" action="creat-ad/create-ad-submit" method="POST" enctype="multipart/form-data" files="true" onsubmit="return submitform();">

                        <input type="hidden" name="_token" value="{!!  csrf_token()  !!}" />
                        <input type="hidden" value="" id="text_area_value" name="text_area_value" class="form-control" placeholder=" ">
                        <div class="form-group row">
                            <!--<label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">{{trans('createad.Category')}}</label>-->
                            <div class="col-lg-9 col-md-5 col-sm-8 col-xs-12">
                                @if(empty($categories))

                                <!--<input type="text" value="" name="categories" class="form-control" placeholder=" ">-->
                                <input type="hidden" value="" name="categories_id" class="form-control" placeholder=" ">
                                <input type="hidden" value="" name="subcat_id" class="form-control" placeholder=" ">
                                @elseif(!empty($categories))


                                {!! $categories !!} > {!! $subcategories !!}
                                <!--<input type="text" value="{!! $categories !!}" name="categories" class="form-control" readonly="readonly" placeholder=" ">-->
                                <input type="hidden" value="{!! $catid !!}" name="cat_id" class="form-control" placeholder=" ">
                                <input type="hidden" value="{!! $subcatid !!}" name="subcat_id" class="form-control" placeholder=" ">

                                @endif
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                                <a href="<?php echo Config::get('app.local_url'); ?>advertise_list" id="change"><i class="fa fa-pencil"></i></a>
                                <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_cat_detail')}}"><i class="fa fa-question-circle"></i></a>
                            </div>
                        </div>
                        <!--<div class="form-group row">

                            <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">{{trans('createad.Subcategory')}}</label>
                            <div class="col-lg-4 col-md-5 col-sm-8 col-xs-12">

                                @if(empty($subcategories))


                                <input type="text" value="" name="subcategoires" class="form-control" placeholder=" ">
                                <input type="hidden" value="" name="subcat_id" class="form-control" placeholder=" ">
                                @elseif(!empty($subcategories))

                                <input type="text" value="{!! $subcategories !!}" name="subcategoires" readonly="readonly" class="form-control" placeholder=" ">
                                <input type="hidden" value="{!! $subcatid !!}" name="subcat_id" class="form-control" placeholder=" ">
                                @endif


                            </div>
                            <div class="col-lg-5 col-md-3 col-sm-4 col-xs-12">
                                <a href="<?php echo Config::get('app.local_url'); ?>advertise_list" id="change">{{trans('createad.Change')}}</a>
                                <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_scat_detail')}}"><i class="fa fa-question-circle"></i></a>
                            </div>
                        </div>-->


                        <div class="form-group row">
                            <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">{{trans('createad.Advertisement_Name')}} <b class="star">*</b></label>
                            <div class="col-lg-5 col-md-5 col-sm-8 col-xs-12">

                                <input type="hidden" name="isuploadedFlg" id="isuploadedFlg" value="<?php
                                if (isset($upimg_groupid) && trim($upimg_groupid) != '') {
                                    echo 1;
                                } else {
                                    echo 0;
                                }
                                ?> "/>
                                <input type="hidden" name="uploadedimg" id="uploadedimg" value="<?php
                                if (isset($upimg_groupid)) {
                                    echo $upimg_groupid;
                                }
                                ?> "/>
                                <input type="text" value="" id="adname" name="adname" class="form-control" placeholder=" ">
                                <span class="form-group row alert-box_cread_ad error_created_ad" style="display: none;" id="er1"> </span>
                                <span>{{trans('createad.eg_LuckyProperties_Ad_1')}}</span>
                            </div>
                            <div class="col-lg-5 col-md-3 col-sm-4 col-xs-12">

                                <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_adname_detail')}}"><i class="fa fa-question-circle"></i></a>
                            </div>
                        </div>   
                        <div class="form-group row">
                            <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">{{trans('createad.Advertisement_Domain')}}</label>
                            <div class="col-lg-5 col-md-5 col-sm-8 col-xs-12">
                                <input type="url" value="" id="adomain" name="adomain" class="form-control" placeholder=" ">
                                <span class="form-group row alert-box_cread_ad error_created_ad" style="display: none;" id="er1-adomain"> </span>
                                <span>{{trans('createad.LuckyProperties_com')}}</span>
                            </div>

                            <div class="col-lg-5 col-md-3 col-sm-4 col-xs-12">

                                <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_addomain_detail')}}"><i class="fa fa-question-circle"></i></a>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">{{trans('createad.Advertisement_URL')}}<b class="star">*</b></label>
                            <div class="col-lg-5 col-md-5 col-sm-8 col-xs-12 controls">
                                <input class="form-control" onkeyup="javascript:if($(this).val().length > 0) { $('#showpage').show(); } else { $('#showpage').hide(); } $(this).attr('title',$(this).val()); "  id="adurl" type="url" name="url" value="<?php
                                if (trim($vfldurl) != '') {
                                    echo Config::get('app.local_url') . $vfldurl;
                                }
                                    ?>" /><a style=" float: left;
    margin-left: 240px;
    margin-top: -28px;
    width: 20px;"  id="qw" onclick='javascript:$( "#adurl" ).autocomplete( "search", " " );' title="Show Webpages" ><i class="fa fa-chevron-down" ></i></a>
                                <span class="form-group row alert-box_cread_ad error_created_ad" style="display: none;" id="url_data"> </span>

                            </div>

                            <div class="col-lg-4 col-md-3 col-sm-4 col-xs-12">
                                <a href="javascript:void(0);" id="showpage" onclick="showpgs();" class="btn btn-green" style="display:none;" >{{trans('createad.Show_Page')}}</a>
                                <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_adurl_detail')}}"><i class="fa fa-question-circle"></i></a>
                            </div><div class="col-lg-6 col-md-4 col-sm-12 col-xs-12" style="margin-left: 160px;"><span>{{trans('createad.eg_www_LuckyProperties_com')}}</span></div>
                        </div>


                        <div id="shwrmk" class="form-group text-right padding30" style="display:none;">
                            <input type="text" id="remarkdt" class="form-control" placeholder="{{trans('createad.Enter_your_remarks')}}" />
                            <br/>
                            <button type="button" onclick="validRemark();" class="btn btn-green">{{trans('createad.Save')}}</button>
                            <button type="button" class="btn btn-grey" onclick="hidermk();">{{trans('createad.Close')}}</button>

                        </div>

                        <p>{!!trans('createad.advertisement_remark_detail2')!!}  <a href="<?php echo Config::get('app.local_url') . 'web-page-creation?catbind=' . $catbindid; ?>" class="btn btn-green"> {!!trans('createad.advertisement_remark_clickhere')!!} </a> {!!trans('createad.advertisement_remark_detail3')!!} <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_have_webpage_detail')}}"><i class="fa fa-question-circle"></i></a></p>




                        <div class="form-group  padding">
                            <div class="text-left padding col-sm-6">
                                <!-- <a href="javascript:;" class="btn btn-orange btn-arrowd prevtab">{{trans('createad.Previous')}}</a> -->
                            </div>
                            <div class="text-right padding ">
                                <a href="javascript:;" class="btn btn-orange btn-arrow alvcookies nexttab">{{trans('createad.Continue')}}</a>
                            </div>
                        </div>

                        <!--                    </form>-->
                </div>
                <div role="tabpanel" class="tab-pane" id="creatad-picture">
                    <h3>{{trans('createad.Picture_for_your_advertisement')}}</h3>
                    <div class="row">
                        <div class="col-md-10 col-sm-12 col-xs-12">
                            <!--                            <form class="create-ad-form ">-->
                            <div class="form-group">
                                {!!trans('createad.Upload_pictures_for_your_advertisement_by_clicking_Browse_Button_below')!!} <a data-content="{{trans('createad.Dismissible_popover_picture_browse_detail')}}" title="" data-trigger="hover" data-toggle="popover" role="button" tabindex="0" class="text-light-grey large-font"><i class="fa fa-question-circle"></i></a>
                                <span class="form-group row alert-box_cread_ad error_created_ad" style="display: none;" id="upimgd_error"> </span>
                            </div>
                            <div class="row">
                                <div class="col-md-3 col-sm-12 col-xs-12 mtop100">
                                    <div class="btn btn-orange" style="margin-top: -55px;" id="browse">{{trans('createad.Browse')}}
                                        <input type="file" name="img[]" class="imgInpk" id="imgInpk"   multiple="true" accept="images/*"/>

                                    </div>

                                </div>
                                <div class="col-md-8 col-sm-12 col-xs-12">
                                    {{trans('createad.Upload_the_following_Picture_Sizes')}}
                                    {!!trans('createad.upload_only_sizes')!!}
                                    <a data-content="{{trans('createad.Dismissible_popover_picture_size_detail')}}" title="" data-trigger="hover" data-toggle="popover" role="button" tabindex="0" class="text-light-grey large-font"><i class="fa fa-question-circle"></i></a>

                                    <img src="<?php echo Config::get('app.local_url'); ?>themes/images/ads_06.jpg" alt="" class="img-responsive img-centered" id="blah" />
                                    <!-- {!!Html ::image('themes/images/ads_06.jpg','',array('class'=>'img-responsive img-centered imgd'))!!} -->
                                </div>
                            </div>
                            <div class="form-group">
                                Preview
                                <div class="well row" id="image-holder1"></div>
                                <div class="well row" id="image-holder" style=" margin-bottom: 27px;">
                                    <div class="col-sm-3 col-xs-12">
                                        {!!Html ::image('themes/images/ads_06.jpg','',array('class'=>'img-responsive'))!!}
                                    </div>
                                    <div class="col-sm-3 col-xs-12">
                                        {!!Html ::image('themes/images/ads_06.jpg','',array('class'=>'img-responsive'))!!}
                                    </div>
                                    <div class="col-sm-3 col-xs-12">
                                        {!!Html ::image('themes/images/ads_06.jpg','',array('class'=>'img-responsive'))!!}
                                    </div>
                                    <div class="col-sm-3 col-xs-12">
                                        {!!Html ::image('themes/images/ads_06.jpg','',array('class'=>'img-responsive'))!!}
                                    </div>
                                </div>
                                {!! trans('createad.crop_tool_message_and_link1')!!}

                                <a href="javascript:void(0);"  class="btn btn-green crpcookies">
                                    {!! trans('createad.crop_tool_message_and_link2')!!}
                                </a><br>

                                {!! trans('createad.crop_tool_message_and_link3')!!}    

                                <a data-content="{{trans('createad.Dismissible_popover_picture_crop_detail')}}" title="" data-trigger="hover" data-toggle="popover" role="button" tabindex="0" class="text-light-grey large-font"><i class="fa fa-question-circle"></i></a> 
                            </div>
<?php ?>  

                            <div class="form-group" style=" margin-top: 27px;">
                                {!! trans('createad.Dont_have_a_ready_picture_click_here_to')!!} <a data-content="{{trans('createad.Dismissible_popover_picture_create_detail')}}" title="" data-trigger="hover" data-toggle="popover" role="button" tabindex="0" class="text-light-grey large-font"><i class="fa fa-question-circle"></i></a>
                            </div>
                            <div class="form-group">
                                <a href="javascript:void(0);" class="btn btn-green bnrcookies">{{trans('createad.Create_picture_for_your_Advertisement')}}</a>
                            </div>
<?php ?>

                            <!--                            </form>-->
                        </div>
                        <!--                        <div class="col-md-5 col-sm-12 col-xs-12" >
                                                    <h6>{{trans('createad.Preview')}}</h6>
                                                 {!!Html ::image('themes/images/ads_03.jpg','',array('class'=>'img-responsive'))!!}
                                                </div>-->
                    </div>

                    <div class="form-group  padding">
                        <div class="text-left padding col-sm-6">
                            <a href="javascript:;" class="btn btn-orange btn-arrowd prevtab">{{trans('createad.Previous')}}</a>
                        </div>
                        <div class="text-right padding ">
                            <a href="javascript:;" id="imch" class="btn btn-orange btn-arrow nexttab">{{trans('createad.Continue')}}</a>
                        </div>
                    </div>
                </div>

                <div role="tabpanel" class="tab-pane" id="creatad-targetarea">
                    <h3>{{trans('createad.Targetting_Options')}}</h3>
                    <!--                    <form class="create-ad-form">-->
                    <div class="form-group">
                        <p>{{trans('createad.Select_where_you_want_to_show_your_ad')}}</p>
                        <h4 class="text-bold">{{trans('createad.Location')}}</h4>
                        <span class="form-group row alert-box_cread_ad error_created_ad" style="display: none;" id="trgg_error"> </span>
                    </div>
                    <div class="form-group row">
                        <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">{{trans('createad.Country')}}</label>
                        <div class="col-lg-6 col-md-6 col-sm-10 col-xs-9">
        <!--                    <select name="country" class="form-control">
                                <option value="India">India</option>
                            </select>-->
                            <input type="text" name="country" readonly="readonly" class="form-control" id="country"/>

                            <input type="hidden" name="savecountry" id="savecountry" value=""/>
                        </div>
                        <div class="col-lg-1 col-md-2 col-sm-2 col-xs-3">
                            <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_target_country_detail')}}"><i class="fa fa-question-circle"></i></a>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">{{trans('createad.City')}}</label>
                        <div class="col-lg-6 col-md-6 col-sm-10 col-xs-9">
<!--                                <select name="state" class="form-control">
                                <option value="mumbai">Mumbai</option>
                            </select>-->
                            <input type="text" value="" id="state"  name="state" class="form-control" placeholder="">
                        </div>
                        <div class="col-lg-1 col-md-2 col-sm-2 col-xs-3">
                            <i class="fa fa-times" onclick='javascript:$("#state").val("");$("#pinc").attr("disabled",false);'></i> <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_target_city_detail')}}"><i class="fa fa-question-circle"></i></a>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">{{trans('createad.Pin_Code')}}</label>
                        <div class="col-lg-6 col-md-6 col-sm-10 col-xs-9">
                            <input type="text" value="" id="pinc"  name="pin" class="form-control pin noalpha" placeholder=" ">
                        </div>
                        <div class="col-lg-1 col-md-2 col-sm-2 col-xs-3">
                            <i class="fa fa-times" onclick='javascript:$("#pinc").val("");$("#state").attr("disabled",false);'></i><a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_target_pin_detail')}}"><i class="fa fa-question-circle"></i></a>
                        </div>
                    </div> 


                    <h4 style="margin-top: 40px;"><b>Time & Scheduling</b></h4>


                    <div class="form-group row" style="margin-top: 30px;">
                        <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">Daywise</label>
                        <div class="col-lg-6 col-md-6 col-sm-10 col-xs-9">
                            <input type="text" value="" placeholder="SUN,MON ETC." id="everyday" name="everyday" class="form-control" style="  float: left;
                                   margin-right: 5px; " >
                           


                        </div>
                        <div class="col-lg-1 col-md-2 col-sm-2 col-xs-3">

                            <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="Everyday running time of campaign"><i class="fa fa-question-circle"></i></a>
                        </div>
                    </div>

                    <div class="form-group row">
                        
                        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
                            <div class="col-lg-8 col-md-6 col-sm-6 col-xs-6" style="padding:0;"> <b style="float:left;font-weight: normal;margin-top:5px;margin-left: 166px;margin-right: 5px;">from</b> &nbsp;&nbsp;<input type="text" value="" placeholder="hh" id="everyhour" name="everyhour" class="form-control" style="  float: left;
                                   width: 45px; " />
                            
                            <input type="text" value="" placeholder="mm" id="everymin" name="everymin" class="form-control" style="  float: left;
                                   width: 55px; " />
                            
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-6 col-xs-6" style="padding:0;"> &nbsp;<b style="float:left;font-weight: normal;margin-top:5px;margin-right: 4px;">to</b>&nbsp;&nbsp;<input type="text" value="" placeholder="hh" id="everyhour2" name="everyhour2" class="form-control" style="  float: left;
                                   width: 45px; " />
                            <input type="text" value="" placeholder="mm" id="everymin2" name="everymin2" class="form-control" style="  float: left;
                                   width: 55px; " />
                            
                            </div>

                        </div>
                        <div class="col-lg-1 col-md-2 col-sm-2 col-xs-1" style="margin-left: -57px;">

                            <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="Everyday running time of campaign"><i class="fa fa-question-circle"></i></a>
                        </div>
                    </div>

                    <h5><b>OR</b></h5>
                    
                   
                    
                    <div class="form-group row">
                        <label  class="col-lg-1 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">Datewise</label>
                        <label  class="col-lg-1 col-md-4 col-sm-12 col-xs-12 control-label margin-top2" style="margin-left: 111px;">start</label>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" style="margin-left: -15px;">

                            <input type="text" value="" placeholder="yy-mm-dd" id="startdate" name="startdate" class="form-control" style="  float: left;
                                   width: 78%; " >

                        </div>
                        <label  class="col-lg-1 col-md-4 col-sm-12 col-xs-12 control-label margin-top2" style="margin-left: -50px;">end</label>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" style="margin-left: -15px;">

                            <input type="text" value="" placeholder="yy-mm-dd" id="enddate" name="enddate" class="form-control"  style="  float: left;
                                  width: 78%; ">
                           
                        </div>
                        <div class="col-lg-1 col-md-2 col-sm-2 col-xs-3" style="    margin-left: -32px;">

                            <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="Start datetime of campaign"><i class="fa fa-question-circle"></i></a>
                        </div>
                    </div>
                    
                      <div class="form-group row">
                        
                        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
                            <div class="col-lg-8 col-md-6 col-sm-6 col-xs-6" style="padding:0;"> <b style="float:left;font-weight: normal;margin-top:5px;margin-left: 166px;margin-right: 5px;">from</b> &nbsp;&nbsp;<input type="text" value="" placeholder="hh" id="starthour" name="starthour" class="form-control" style="  float: left;
                                   width: 45px; " />
                            
                            <input type="text" value="" placeholder="mm" id="startmin" name="startmin" class="form-control" style="  float: left;
                                   width: 55px; " />
                            
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-6 col-xs-6" style="padding:0;"> &nbsp;<b style="float:left;font-weight: normal;margin-top:5px;margin-right:6px;margin-left: -20px;">from</b>&nbsp;&nbsp;<input type="text" value="" placeholder="hh" id="endhour" name="endhour" class="form-control" style="  float: left;
                                   width: 45px; " />
                            <input type="text" value="" placeholder="mm" id="endmin" name="endmin" class="form-control" style="  float: left;
                                   width: 55px; " />
                            
                            </div>

                        </div>
                        <div class="col-lg-1 col-md-2 col-sm-2 col-xs-1" style="margin-left: -57px;">

                            <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="Everyday running time of campaign"><i class="fa fa-question-circle"></i></a>
                        </div>
                    </div>

               <div class="form-group row">
                        
                        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
                            <div class="col-lg-8 col-md-6 col-sm-6 col-xs-6" style="padding:0;"> <b style="float:left;font-weight: normal;margin-top:5px;margin-left: 166px;margin-right: 26px;">to</b> &nbsp;&nbsp;<input type="text" value="" placeholder="hh" id="starthour2" name="starthour2" class="form-control" style="  float: left;
                                   width: 45px; " />
                            
                            <input type="text" value="" placeholder="mm" id="startmin2" name="startmin2" class="form-control" style="  float: left;
                                   width: 55px; " />
                            
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-6 col-xs-6" style="padding:0;"> &nbsp;<b style="float:left;font-weight: normal;margin-top:5px;margin-right:6px;">to</b>&nbsp;&nbsp;<input type="text" value="" placeholder="hh" id="endhour2" name="endhour2" class="form-control" style="  float: left;
                                   width: 45px; " />
                            <input type="text" value="" placeholder="mm" id="endmin2" name="endmin2" class="form-control" style="  float: left;
                                   width: 55px; " />
                            
                            </div>

                        </div>
                        <div class="col-lg-1 col-md-2 col-sm-2 col-xs-1" style="margin-left: -57px;">

                            <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="Everyday running time of campaign"><i class="fa fa-question-circle"></i></a>
                        </div>
                    </div>


                    <div class="form-group">

                        <h4 class="text-bold ptopbot30" style="margin-top:-30px;"><a class="collapsed" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample"> {{trans('createad.Advanced_options')}}</a></h4>
                    </div>

                    <div class="collapse" id="collapseExample">

                        <div class="form-group row">
                            <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">{{trans('createad.Telecom_Operator')}}</label>
                            <div class="col-lg-6 col-md-6 col-sm-10 col-xs-9">
                                <input type="text" name="tele" class="form-control" id="tele" value=""  />

                            </div>
                            <div class="col-lg-1 col-md-2 col-sm-2 col-xs-3">
                                <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_target_telecom_detail')}}"><i class="fa fa-question-circle"></i></a>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">{{trans('createad.Device')}}</label>
                            <div class="col-lg-6 col-md-6 col-sm-10 col-xs-9">
                                <input name="device" class="form-control" id="device" />

                            </div>
                            <div class="col-lg-1 col-md-2 col-sm-2 col-xs-3">
                                <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_target_device_detail')}}"><i class="fa fa-question-circle"></i></a>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">{{trans('createad.Operating_system')}}</label>
                            <div class="col-lg-6 col-md-6 col-sm-10 col-xs-9">
                                <input type="text" name="os" class="form-control" id="os" value="" />

                            </div>
                            <div class="col-lg-1 col-md-2 col-sm-2 col-xs-3">
                                <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_target_os_detail')}}"><i class="fa fa-question-circle"></i></a>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">{{trans('createad.os_v')}}</label>
                            <div class="col-lg-6 col-md-6 col-sm-10 col-xs-9">
                                <input type="text" name="osv" class="form-control" id="osv" value="" />

                            </div>
                            <div class="col-lg-1 col-md-2 col-sm-2 col-xs-3">
                                <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_target_osversion_detail')}}"><i class="fa fa-question-circle"></i></a>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">{{trans('createad.Browser')}}</label>
                            <div class="col-lg-6 col-md-6 col-sm-10 col-xs-9">
                                <input type="text" name="browser" class="form-control" id="browser" value="" />

                            </div>
                            <div class="col-lg-1 col-md-2 col-sm-2 col-xs-3">
                                <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_target_browser_detail')}}"><i class="fa fa-question-circle"></i></a>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">{{trans('createad.browser_v')}}</label>
                            <div class="col-lg-6 col-md-6 col-sm-10 col-xs-9">
                                <input type="text" name="browserc" class="form-control" id="browserc" value="" />

                            </div>
                            <div class="col-lg-1 col-md-2 col-sm-2 col-xs-3">
                                <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_target_browserversion_detail')}}"><i class="fa fa-question-circle"></i></a>
                            </div>
                        </div>

                        <div class="form-group row hidden" id="restrict_ip">
                            <p class=" col-lg-offset-3 col-md-offset-4 col-sm-offset-0 col-xs-offset-0 padding10">{{trans('createad.restrict_ip_mail')}}</p>
                        </div>
                    </div>

                    <div class="form-group  ">
                        <div class="text-left padding col-sm-6">
                            <a href="javascript:;" class="btn btn-orange btn-arrowd prevtab">{{trans('createad.Previous')}}</a>
                        </div>
                        <div class="text-right padding ">
                            <a href="javascript:void(0);" id="trg"class="btn btn-orange btn-arrow nexttab ">{{trans('createad.Continue')}}</a>
                        </div>
                    </div>


                    <!--                    </form>-->
                </div>

                <div role="tabpanel" class="tab-pane" id="creatad-plan">
                    <h3>{{trans('createad.Plan_your_spend')}}</h3>
                    <!--                    <form class="create-ad-form">-->
                    <div class="form-group row">
                        <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">{{trans('createad.Currency')}}</label>
                        <div class="col-lg-6 col-md-6 col-sm-10 col-xs-9"><?php echo $advcurrency; ?>
                            <input type="hidden" name="currency" id="currency" value="<?php echo $advcurrency; ?>">
                            <!--
                            <select name="currency" disabled="disnameabled" id="currency" class="form-control">   
                            <?php
                            /*
                              foreach ($currencies as $curcode) {
                              ?>
                              <option value="<?php echo $curcode; ?>" <?php
                              if ($curcode == $advcurrency) {
                              echo 'selected="selected"';
                              }
                              ?>>
                              <?php echo $curcode; ?>
                              </option>
                              <?php
                              } */
                            ?>
                            </select>
                            -->
                        </div>
                        <div class="col-xs-2 mtopbot6">
                            <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_spend_currency_detail')}}"><i class="fa fa-question-circle"></i></a>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">{{trans('createad.Total_Budget')}}<b class="star">*</b></label>
                        <div class="col-lg-6 col-md-6 col-sm-10 col-xs-9">
                            <div class="input-group input-group">
                                <div class="input-group-addon">
<?php echo $advcurrency; ?>
                                </div>

                                <input type="text" id="total_budget"  name="total_budget" class="input form-control noalpha" onKeyPress="return restrictChars(event, this)" required="required">

                            </div>
                            <span class="form-group row alert-box_cread_ad error_created_ad" style="display: none;" id="erf3"> </span>

                            * Minimum <span id="total_budget_msg">
<?php echo $advcurrency . ' ' . $mincampaignbudget[$advcurrency]; ?> 
                            </span>
                        </div>

                        <div class="col-xs-2 mtopbot6">
                            <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_spend_tbudget_detail')}}"><i class="fa fa-question-circle"></i></a>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">{{trans('createad.Daily_Budget')}}<b class="star">*</b></label>
                        <div class="col-lg-6 col-md-6 col-sm-10 col-xs-9">
                            <div class="input-group input-group">
                                <div class="input-group-addon">
<?php echo $advcurrency; ?>
                                </div>
                                <input type="text" id="daily_budget" required="required"  name="daily_budget" class="input form-control noalpha" onKeyPress="return restrictChars(event, this)">
                                <input type="hidden" id="budget_error1"  name="budget_error1" class="input form-control">
                                <input type="hidden" id="budgetno"  name="budgetno" class="" value="">

                            </div>
                            <span class="form-group row alert-box_cread_ad error_created_ad" style="display: none;" id="budget_error"> </span>
                            <span class="form-group row alert-box_cread_ad error_created_ad" style="display: none;" id="erf1"> </span>
                            * Minimum <span id="daily_budget_msg"><?php echo $advcurrency . ' ' . $mindailycap[$advcurrency]; ?></span> 
                        </div>
                        <div class="col-xs-2 mtopbot6">
                            <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_spend_dbudget_detail')}}"><i class="fa fa-question-circle"></i></a>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label margin-top2">Cost per click<b class="star">*</b></label>
                        <div class="col-lg-6 col-md-6 col-sm-10 col-xs-9">
                            <div class="input-group input-group">
                                <div class="input-group-addon">
<?php echo $advcurrency; ?>
                                </div>
                                <input type="hidden" value="CPC" name="revenue_type" id="revenue_type">
                                <input type="text" required="required" value="" id="cpc" name="cpc" class="form-control noalpha" placeholder=" " onKeyPress="return restrictChars(event, this)">
                            </div>
                            * Minimum <span id="mincpc_msg"><?php echo $advcurrency . ' ' . $mincpcrate[$advcurrency]; ?></span>
                            <span class="form-group row alert-box_cread_ad error_created_ad" style="display: none;" id="erf2"> </span>
                        </div>

                        <div class="col-xs-2 mtoSD 0.001">
                            <span class="fopbot6">
                                <a class="text-light-grey large-font" tabindex="0" role="button" data-toggle="popover"  data-trigger="hover" data-content="{{trans('createad.Dismissible_popover_spend_cost_detail')}}"><i class="fa fa-question-circle"></i></a>
                        </div>
                    </div> 



                    <div class="form-group  text-center">
                        <div class=" padding col-sm-1">
                            <a href="javascript:;" class="btn btn-orange btn-arrowd prevtab">{{trans('createad.Previous')}}</a>
                        </div>
                        <div class=" padding col-sm-9">
                            <button class="btn btn-orange" type="submit"  name="submit" id="submit">{{trans('createad.SUBMIT')}}</button>
                        </div>
                        <div class="addfunds  padding col-sm-1" style="display:none;">
                            <button type="button" name="addfunds" id="adfnd"  class="btn btn-orange">Add Funds</button>
                        </div>
                    </div>

                    </form>
                </div>

            </div>
            <!-- creat ad end -->
        </section>
    </div>
</div>
<div class="modal fade" id="myCountry" tabindex="-1" role="dialog" aria-labelledby="myCountryLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-blue text-white">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" style="">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">{{trans('createad.select_country')}}</h4>
            </div>
            <div class="modal-body" id="cntry">

            </div>
            <div class="modal-footer">
                <button type="button" onclick="savecountry();"  style="background-color: #28cb75;border-color: #28cb75;border-radius: 5px;color: #fff;margin-bottom: 0;margin-left: 5px;padding:5px 10px;">OK</button>
                <button type="button" class="btn btn-grey" data-dismiss="modal">{{trans('createad.Close')}}</button>

            </div>

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


<div class="modal fade" id="daylist" tabindex="-1" role="dialog" aria-labelledby="dayListLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-blue text-white">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" style="">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Select Days</h4>
            </div>
            <div class="modal-body" id="days">
                <ul style="list-style: outside none none;" class="list">
                    <li style="width: 250px; float: left;"><input type="checkbox" value="SUN" name="dayarr[]" class="day"><label class="name">&nbsp;SUN </label></li>
                    <li style="width: 250px; float: left;"><input type="checkbox" value="MON" name="dayarr[]" class="day"><label class="name">&nbsp;MON </label></li>
                    <li style="width: 250px; float: left;"><input type="checkbox" value="TUE" name="dayarr[]" class="day"><label class="name">&nbsp;TUE </label></li>
                    <li style="width: 250px; float: left;"><input type="checkbox" value="WED" name="dayarr[]" class="day"><label class="name">&nbsp;WED </label></li>
                    <li style="width: 250px; float: left;"><input type="checkbox" value="THU" name="dayarr[]" class="day"><label class="name">&nbsp;THU </label></li>
                    <li style="width: 250px; float: left;"><input type="checkbox" value="FRI" name="dayarr[]" class="day"><label class="name">&nbsp;FRI </label></li>
                    <li style="width: 250px; float: left;"><input type="checkbox" value="SAT" name="dayarr[]" class="day"><label class="name">&nbsp;SAT </label></li>

                </ul>
            </div>
            <div class="modal-footer">
                <button type="button" onclick="saveday();"  style="background-color: #28cb75;border-color: #28cb75;border-radius: 5px;color: #fff;margin-bottom: 0;margin-left: 5px;padding:5px 10px;">OK</button>
                <button type="button" class="btn btn-grey" data-dismiss="modal">{{trans('createad.Close')}}</button>

            </div>

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

<div class="modal fade" id="myCity" tabindex="-1" role="dialog" aria-labelledby="myCountryLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-blue text-white">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">{{trans('createad.select_city')}}</h4>
            </div>
            <div class="modal-body" >
                <div class="row">
                    <div class="col-md-4 col-sm-4 col-xs-12">
                        <select id="conty" name="conty">
                            <option value=''>select country</option>
                        </select>
                    </div>

                </div>
                <div id="cty"></div> 
            </div>
            <div class="modal-footer">
                <button type="button" onclick="savecity();" style="background-color: #28cb75;border-color: #28cb75;border-radius: 5px;color: #fff;margin-bottom: 0;margin-left: 5px;padding: 5px 10px;">{{trans('createad.Save')}}</button>
                <button type="button" class="btn btn-grey" data-dismiss="modal">{{trans('createad.Close')}}</button>

            </div>

        </div>
    </div>
</div>
<div class="modal fade" id="myDevice" tabindex="-1" role="dialog" aria-labelledby="myDeviceLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-blue text-white">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">{{trans('createad.select_device')}}</h4>
            </div>
            <div class="modal-body" >

                <div id="dvc"></div> 
            </div>
            <div class="modal-footer">
                <button type="button" onclick="savedevice();" style="background-color: #28cb75;border-color: #28cb75;border-radius: 5px;color: #fff;margin-bottom: 0;margin-left: 5px;padding: 5px 10px;">{{trans('createad.Save')}}</button>
                <button type="button" class="btn btn-grey" data-dismiss="modal">{{trans('createad.Close')}}</button>

            </div>

        </div>
    </div>
</div>
<div class="modal fade" id="myOs" tabindex="-1" role="dialog" aria-labelledby="myOsLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-blue text-white">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">{{trans('createad.select_operating')}}</h4>
            </div>
            <div class="modal-body" >

                <div id="osdata"></div> 
            </div>
            <div class="modal-footer">
                <button type="button" onclick="saveos();" style="background-color: #28cb75;border-color: #28cb75;border-radius: 5px;color: #fff;margin-bottom: 0;margin-left: 5px;padding: 5px 10px;">{{trans('createad.Save')}}</button>
                <button type="button" class="btn btn-grey" data-dismiss="modal">{{trans('createad.Close')}}</button>

            </div>

        </div>
    </div>
</div>
<div class="modal fade" id="myBrowser" tabindex="-1" role="dialog" aria-labelledby="myBrowserLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-blue text-white">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">{{trans('createad.select_browser')}}</h4>
            </div>
            <div class="modal-body" >

                <div id="browserdata"></div> 
            </div>
            <div class="modal-footer">
                <button type="button" onclick="savebrowser();" style="background-color: #28cb75;border-color: #28cb75;border-radius: 5px;color: #fff;margin-bottom: 0;margin-left: 5px;padding: 5px 10px;">{{trans('createad.Save')}}</button>
                <button type="button" class="btn btn-grey" data-dismiss="modal">{{trans('createad.Close')}}</button>

            </div>

        </div>
    </div>
</div>
<div class="modal fade" id="myTele" tabindex="-1" role="dialog" aria-labelledby="myTeleLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-blue text-white">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">{{trans('createad.select_telco')}}</h4>
            </div>
            <div class="modal-body" >

                <div id="teledata"></div> 
            </div>
            <div class="modal-footer">
                <button type="button" onclick="savetele();" style="background-color: #28cb75;border-color: #28cb75;border-radius: 5px;color: #fff;margin-bottom: 0;margin-left: 5px;padding: 5px 10px;">{{trans('createad.Save')}}</button>
                <button type="button" class="btn btn-grey" data-dismiss="modal">{{trans('createad.Close')}}</button>

            </div>

        </div>
    </div>
</div>
<div class="modal fade" id="myOSV" tabindex="-1" role="dialog" aria-labelledby="myOSVLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-blue text-white">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">{{trans('createad.select_os_v')}}</h4>
            </div>
            <div class="modal-body" >

                <div id="osvdata"></div> 
            </div>
            <div class="modal-footer">
                <button type="button" onclick="saveosv();" style="background-color: #28cb75;border-color: #28cb75;border-radius: 5px;color: #fff;margin-bottom: 0;margin-left: 5px;padding: 5px 10px;">{{trans('createad.Save')}}</button>
                <button type="button" class="btn btn-grey" data-dismiss="modal">{{trans('createad.Close')}}</button>

            </div>

        </div>
    </div>
</div>
<div class="modal fade" id="myBrowserV" tabindex="-1" role="dialog" aria-labelledby="myBrowserVLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-blue text-white">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">{{trans('createad.select_browser_v')}}</h4>
            </div>
            <div class="modal-body" >

                <div id="browservdata"></div> 
            </div>
            <div class="modal-footer">
                <button type="button" onclick="savebrowservs();" style="background-color: #28cb75;border-color: #28cb75;border-radius: 5px;color: #fff;margin-bottom: 0;margin-left: 5px;padding: 5px 10px;">{{trans('createad.Save')}}</button>
                <button type="button" class="btn btn-grey" data-dismiss="modal">{{trans('createad.Close')}}</button>

            </div>

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


<div class="modal fade" id="myAdPreview" tabindex="-1" role="dialog" aria-labelledby="myAdPreviewLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-blue text-white">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">{{trans('createad.ad_preview')}}</h4>
            </div>
            <div class="modal-body" >

                <div id="previewdata" >
                    <div class="row">
                        <!--  profile section -->
                        <div class="form-section">
                            <div class="form-group row">
                                <p class="col-lg-4 rowhd">Advertisement Name:</p>
                                <div class="col-lg-8">
                                    <p id="pre_advname"></p>
                                </div>
                            </div>
                            <div class="form-group row">
                                <p class="col-lg-4 rowhd">Category:</p>
                                <div class="col-lg-8">
                                    <p>{!! $categories !!}</p>
                                </div>
                            </div>
                            <div class="form-group row">
                                <p class="col-lg-4 rowhd">Sub Category :</p>
                                <div class="col-lg-8">
                                    <p>{!! $subcategories !!}</p>
                                </div>
                            </div>
                            <div class="form-group row">
                                <p class="col-lg-4 rowhd">Advertiser Domain :</p>
                                <div class="col-lg-8">
                                    <p id="pre_advdomain"></p>
                                </div>
                            </div>
                            <div class="form-group row">
                                <p class="col-lg-4 rowhd">Advertisement URL :</p>
                                <div class="col-lg-8">
                                    <p id="pre_advurl"></p>
                                </div>
                            </div>

                        </div>  
                        <!-- profile section end -->
                        <!-- gallery -->
                        <div class="form-section row">
                            <h4 class="text-bold col-xs-12">Ad Pictures</h4>
                            <!-- gallery pic -->
                            <div id="pre_advgal">

                            </div>    
                            <!-- gallery pic end -->


                        </div>

                        <!-- gallery end -->
                        <!-- notification start -->
                        <div class="form-section">

                            <div class="form-group row">
                                <p class="col-lg-4 rowhd">Targetting:</p>
                                <div class="col-lg-8">
                                    <p>Country - India</p>
                                    <p>City- Delhi NCR</p>
                                    <p>Pin Code- 122002, 110092, 110097</p>
                                </div>
                            </div>
                            <div class="form-group row">
                                <p class="col-lg-4 rowhd">Advanced Options  :</p>
                                <div class="col-lg-8">
                                    <p>Samsaung, Android, UC Browser, Airtel</p>
                                </div>
                            </div>
                            <div class="form-group row">
                                <p class="col-lg-4 rowhd">Total Budget  :</p>
                                <div class="col-lg-8">
                                    <p id="pre_totalb"></p>
                                </div>
                            </div>

                            <div class="form-group row">
                                <p class="col-lg-4 rowhd">Daily Budget  :</p>
                                <div class="col-lg-8">
                                    <p id="pre_advdailyb"></p>
                                </div>
                            </div>
                            <div class="form-group row">
                                <p class="col-lg-4 rowhd">Cost per Click :</p>
                                <div class="col-lg-8">
                                    <p id="pre_advcpc"></p>
                                </div>
                            </div>

                        </div>
                        <!-- notification end -->


                    </div>


                </div> 
            </div>
            <div class="modal-footer">
                <button type="button" onclick="confirmAds();" style="background-color: #28cb75;border-color: #28cb75;border-radius: 5px;color: #fff;margin-bottom: 0;margin-left: 5px;padding: 5px 10px;">{{trans('createad.Save')}}</button>
                <button type="button" class="btn btn-grey" data-dismiss="modal">{{trans('createad.Close')}}</button>

            </div>

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

<div id="results"></div>


<!-- content area end -->  
@include('footer_inside')
<!--=========================================================code end================================================-->

<!-- jQuery -->

{!! Html::script('themes/js/jquery.js'); !!}
<!-- Bootstrap Core JavaScript -->
{!! Html::script('themes/js/BeatPicker.min.js')!!}

{!! Html::script("themes/js/bootstrap.min.js"); !!}
<!-- Custom Theme JavaScript -->
{!! Html::script("themes/js/custom.js"); !!}

{!! Html::script("themes/js/jqBootstrapValidation.js"); !!}

{!! Html::script("themes/js/jquery.tokeninput.js"); !!}
{!! Html::script("themes/js/moment-with-locales.js"); !!}
{!! Html::script("themes/js/bootstrap-datetimepicker.js"); !!}
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

</body>

</html>
<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        
    var availableTags = [<?php echo $suggestions;?>];
    $( "#adurl" ).autocomplete({
      source: availableTags,
      select: function( event, ui ) {
          
         $(this).attr("title",ui.item.value);
      }
    });
    
    //$( "#adurl" ).combobox();
    
        $('#startdate,#enddate').datetimepicker({
            format: 'YYYY-MM-DD',
            minDate: "<?php echo date('Y-m-d'); ?>"
        });

        $('#starthour,#endhour,#everyhour,#starthour2,#endhour2,#everyhour2').keypress(function (event) {
            if (event.keyCode == 38) {

                var hr = $(this).val();
                if ($.trim(hr) == "") {
                    hr = 0;
                }
                if ($.trim(hr) < 23)
                {
                    hr = parseInt(hr) + 1;
                    $(this).val(hr);
                }


            } else if (event.keyCode == 40) {

                var hr2 = $(this).val();
                if ($.trim(hr2) == "") {
                    hr2 = 0;
                }
                if ($.trim(hr2) > 0)
                {
                    hr2 = parseInt(hr2) - 1;
                    $(this).val(hr2);
                }
            }
        });

        $('#startmin,#endmin,#everymin,#startmin2,#endmin2,#everymin2').keypress(function (event) {
            if (event.keyCode == 38) {

                var hr = $(this).val();
                if ($.trim(hr) == "") {
                    hr = 0;
                }
                if ($.trim(hr) < 59)
                {
                    hr = parseInt(hr) + 1;
                    $(this).val(hr);
                }


            } else if (event.keyCode == 40) {

                var hr2 = $(this).val();
                if ($.trim(hr2) == "") {
                    hr2 = 0;
                }
                if ($.trim(hr2) > 0)
                {
                    hr2 = parseInt(hr2) - 1;
                    $(this).val(hr2);
                }
            }
        });

        $('[data-toggle="popover"]').popover();
        // $('#collapseExample').collapse();

        $("#image-holder1").hide(0);

        function showIt(imgsrc)
        {
            document.getElementById('imageshow').src = imgsrc;
        }

        $("#save_text").click(function () {
            $("#myModal").hide();
        });

    });
    function savecountry()
    {
        var savecountry = new Array();
        var savecountrycode = new Array();
        var $boxes = $('input[class=country]:checked');
        $boxes.each(function () {
            //var stv = $('#savecountry').val();
            var chk = $(this).val();
            //var cnamedt = $('#country').val();
            var cname = $(this).attr("data-name");
            //savecountry = savecountry+cname+',';
            savecountry.push(cname);
            savecountrycode.push(chk);
            /*if (stv != '') {
             var res = cnamedt.match(cname);
             if (res == null) {
             stvk = stv + ',' + chk;
             stvk2 = cnamedt + ',' + cname;
             $('#country').val(stvk2);
             $('#savecountry').val(stvk);
             }
             } else
             {
             $('#country').val(cname);
             $('#savecountry').val(chk);
             }*/

            //do stuff here with this
        });
        $('#savecountry').val(savecountrycode.join());
        $('#country').val(savecountry.join());

        var opcountry = $('#savecountry').val();
        $.ajax({
            url: 'json-data/get-operator?q=' + opcountry,
            type: 'GET',
            dataType: 'json',
            success: function (data) {


                var cntry = '<div class=" row">';
                var i = 0;
                $.each(data, function (key, value) {

                    if (i % 3 == 0 && i != 0) {
                        cntry += "</div><div class=' row'>";
                    }
                    cntry += "<div class='col-md-4 col-sm-4 col-xs-12'><input type='checkbox' class='tele' name='telearr[]' value='" + value.operator_name + "'/><label>&nbsp;" + value.operator_name + " - " + value.country_name_iso3 + " </label></div>";
                    i++;
                });
                cntry += '</div>';

                $('#teledata').html(cntry);

            }

        });


        $('#myCountry').modal('hide');
    }
    function savecity()
    {
        var $boxes = $('input[class=city]:checked');

        if ($boxes.length > 0) {
            $boxes.each(function () {
                var stv = $('#state').val();
                var chk = $(this).val();
                var stvk = '';
                if (stv != '') {
                    var res = stv.match(chk);
                    if (res == null) {
                        stvk = stv + ',' + chk;
                        $('#state').val(stvk);
                    }
                } else
                {
                    $('#state').val(chk);
                }

                //do stuff here with this
                $('#pinc').attr('disabled', 'disabled');
            });

        } else {

            $('#pinc').attr('disabled', 'disabled');
        }

        $('#myCity').modal('hide');
    }

    function savedevice()
    {
        var $boxes = $('input[class=device]:checked');
        $boxes.each(function () {
            var stv = $('#device').val();
            var chk = $(this).val();
            var stvk = '';
            if (stv != '') {
                var res = stv.match(chk);
                if (res == null) {
                    stvk = stv + ',' + chk;
                    $('#device').val(stvk);
                }
            } else
            {
                $('#device').val(chk);
            }

            //do stuff here with this
        });
        $('#myDevice').modal('hide');
    }

    function saveos()
    {
        var $boxes = $('input[class=os]:checked');
        $boxes.each(function () {
            var stv = $('#os').val();
            var chk = $(this).val();
            var stvk = '';
            if (stv != '') {
                var res = stv.match(chk);
                if (res == null) {
                    stvk = stv + ',' + chk;
                    $('#os').val(stvk);
                }
            } else
            {
                $('#os').val(chk);
            }

            //do stuff here with this
        });
        $('#myOs').modal('hide');
    }
    
 function saveday()
    {
        var $boxes = $('input[class=day]:checked');
        $boxes.each(function () {
            
            var stv = $('#everyday').val();
            var chk = $(this).val();
            var stvk = '';
            if (stv != '') {
                var res = stv.match(chk);
                if (res == null) {
                    stvk = stv + ',' + chk;
                    $('#everyday').val(stvk);
                }
            } else
            {
                $('#everyday').val(chk);
            }

            //do stuff here with this
        });
        $('#daylist').modal('hide');
    }

    function saveosv()
    {
        var $boxes = $('input[class=osv]:checked');
        $boxes.each(function () {
            var stv = $('#osv').val();
            var chk = $(this).val();
            var stvk = '';
            if (stv != '') {
                var res = stv.match(chk);
                if (res == null) {
                    stvk = stv + ',' + chk;
                    $('#osv').val(stvk);
                }
            } else
            {
                $('#osv').val(chk);
            }

            //do stuff here with this
        });
        $('#myOSV').modal('hide');
    }

    function savebrowser()
    {
        var $boxes = $('input[class=browser]:checked');
        $boxes.each(function () {
            var stv = $('#browser').val();
            var chk = $(this).val();
            var stvk = '';
            if (stv != '') {
                var res = stv.match(chk);
                if (res == null) {
                    stvk = stv + ',' + chk;
                    $('#browser').val(stvk);
                }
            } else
            {
                $('#browser').val(chk);
            }

            //do stuff here with this
        });
        $('#myBrowser').modal('hide');
    }

    function savebrowservs()
    {
        var $boxes = $('input[class=browserc]:checked');
        $boxes.each(function () {
            var stv = $('#browserc').val();
            var chk = $(this).val();
            var stvk = '';
            if (stv != '') {

                var res = stv.match(chk);
                if (res == null) {
                    stvk = stv + ',' + chk;
                    $('#browserc').val(stvk);
                }
            } else
            {
                $('#browserc').val(chk);
            }

            //do stuff here with this
        });
        $('#myBrowserV').modal('hide');
    }
    function savetele()
    {
        var $boxes = $('input[class=tele]:checked');
        $boxes.each(function () {
            var stv = $('#tele').val();
            var chk = $(this).val();
            var stvk = '';
            if (stv != '') {
                var res = stv.match(chk);
                if (res == null) {
                    stvk = stv + ',' + chk;
                    $('#tele').val(stvk);
                }
            } else
            {
                $('#tele').val(chk);
            }

            //do stuff here with this
        });
        $('#myTele').modal('hide');
    }



    /* $(document).ready(function() {
     $("#state").tokenInput("http://my.audiencenest.com/json-data/get-cities/", {
     theme: "facebook"
     });
     });
     */

    $('#conty').change(function () {
        var ctry = $(this).val();
        //cty
        $.ajax({
            url: 'json-data/get-cities',
            type: 'GET',
            data: 'q=' + ctry,
            dataType: 'json',
            success: function (data) {


                var cntry = '<div class=" row"><div class="col-md-6 col-sm-6 col-xs-12"><input class="search" placeholder="Search" style="margin-top: 10px; margin-bottom: 10px;"/></div><div class="col-md-6 col-sm-6 col-xs-12"></div></div><ul class="list" style="list-style: outside none none;">';
                var i = 0;
                $.each(data, function (key, value) {
                    var city_name = value.name;
                    if (city_name.length > 25) {
                        city_name = city_name.substr(0, 22) + '...';


                    }

                    cntry += "<li style='width: 250px; float: left;'><input type='checkbox' class='city' name='city[]' value='" + value.id + "'/><label class='name'>&nbsp;" + city_name + " </label></li>";
                    i++;
                });
                cntry += '</ul></div>';

                $('#cty').html(cntry);
                var options = {
                    valueNames: ['name']
                };

                var userList = new List('cty', options);

            }

        });

    });

    $('#trg').click(function () {
        /*var svcntr = $.trim($('#savecountry').val());
         var state = $.trim($('#state').val());
         var pinc = $.trim($('#pinc').val());
         var device = $.trim($('#device').val());
         var os = $.trim($('#os').val());
         var browser = $.trim($('#browser').val());
         var tele = $.trim($('#tele').val());
         if (svcntr == '' && state == '' && pinc == '' && device == '' && os == '' && browser == '' && tele == '')
         {
         alert('Please fill atleast one Targeting Option.');
         } else
         {
         //$('#trg').removeClass('btn-default');
         // $('#trg').addClass('nexttab');
         $('#create-ad_list > .active').next('li').removeClass('disabled');
         $('#create-ad_list > .active').next('li').find('a').trigger('click');
         }
         
         */

    });
    $('#osv').click(function () {
        $(".osv").closest("li").hide();

        if ($('#os').val() != "") {
            var oses = $('#os').val().split(",");
            for (i = 0; i < oses.length; i++) {
                $("input[value^='" + oses[i] + "']").closest('li').show();
            }

        } else {
            $(".osv").closest("li").show();
        }

        $('#myOSV').modal('show');
    });

    $('#browserc').click(function () {


        $(".browserc").closest("li").hide();

        if ($('#browser').val() != "") {
            var oses = $('#browser').val().split(",");
            for (i = 0; i < oses.length; i++) {
                $("input[value^='" + oses[i] + "']").closest('li').show();
            }

        } else {
            $(".browserc").closest("li").show();
        }
        $('#myBrowserV').modal('show');
    });
    $('#os').click(function () {
        $('#myOs').modal('show');
    });
    $('#browser').click(function () {
        $('#myBrowser').modal('show');
    });
    $('#tele').click(function () {
        $('#myTele').modal('show');
    });

    $('#device').click(function () {
        $('#myDevice').modal('show');
    });
    $('#country').click(function () {
        $('#myCountry').modal('show');
        $('#cnsearch').focus();
    });
    $('#pinc').keyup(function () {
        //$('#state').attr('disabled','disabled');
        //alert($(this).val().length);
        if ($.trim($(this).val()) != '') {
            $('#state').attr('disabled', 'disabled');
        } else {
            $('#state').attr('disabled', false);
        }
    });

    $('#everyday').click(function () {
        $('#daylist').modal('show');
    });

    $('#state').click(function () {
        var appenddatas = '';
        appenddatas += "<option value=''>select country</option>";
        var cntys = $('#savecountry').val();

        if (cntys != '') {

            /* $.ajax({
             url: 'json-data/get-countries-fil',
             type: 'GET',
             data: 'q=' + cntys,
             dataType: 'json',
             success: function (data) {
             $.each(data, function (key, value) {
             
             appenddatas += "<option value = '" + value.iso + " '>" + value.nicename + " </option>";
             });
             
             }
             
             }); */

            $.get("json-data/get-countries-fil?q=" + cntys, function (data) {
                //alert(data);
                /* $.each(data, function (key, value) {
                 
                 appenddatas += "<option value = '" + value.iso + " '>" + value.nicename + " </option>";
                 });*/
                appenddatas += data;
                $('#conty').html(appenddatas);
            });

            //alert(cntys);
            //alert(appenddatas);

        }
        $('#myCity').modal('show');
    });

    $('.nexttab').on('click', function () {
        $('#create-ad_list > .active').next('li').find('a').trigger('click');
    })


    function shwrmk()
    {
        $('#shwrmk').css('display', 'block');
    }

    function hidermk()
    {
        $('#shwrmk').css('display', 'none');
    }


    function submitform()
    {

        var flgp = 0;
        if (validtfirstFrms() == false)
        {
            $('.f1').trigger('click');

            flgp = 1;
            //    $('#create-ad_list > li.active').removeClass('active');
            // $('#create-ad_list > li > a.f1').trigger('click');
            //return false;
        }
        if (validtsecondFrms() == false && flgp == 0)
        {
            $('.f2').trigger('click');
            flgp = 1;
            //return false;
        }
        if (validtthirdFrms() == false && flgp == 0)
        {
            $('.f3').trigger('click');
            flgp = 1;
            //return false;
        }
        if (validFifthFrms() == false && flgp == 0)
        {
            flgp = 1;
            return false;
        }
        if (validFourthFrms() == false)
        {
            flgp = 1;
            return false;
        }



        var post_value = $("#daily_budget").val();
        var dataString = "post_value=" + post_value;
        var flgvgval = 0;
        if ($.trim(post_value) != '') {
            $.ajax({
                url: 'creat-ad/checkbalance_left_dollar',
                type: 'POST',
                data: dataString,
                success: function (data) {
                    var pdata = $.trim(data);
                    if (pdata == "2") {
                        $("#budget_error").css('display', 'block');
                        $("#budget_error").html("Your budget exceeds from your balance!");
                        $("#budget_error1").val("Your budget exceeds from your balance!");
                        $('.addfunds').css('display', 'block');
                        flgvgval = 1;
                    }

                }

            });
            if (flgvgval == 1)
            {
                flgp = 1;
                return false;
            }
        } else
        {

            $('#erf1').css('display', 'block');
            $("#erf1").html("{{trans('createad.Please_Enter_Daily_Budget')}}");
            return false;
        }



        if (flgp == 0)
        {
            // alert('confirm');

            $('#pre_advname').html($('#adname').val());
            $('#pre_advdomain').html($('#adomain').val());
            $('#pre_advurl').html($('#adurl').val());
            $('#pre_totalb').html('<?php echo $advcurrency; ?> ' + $('#total_budget').val());
            $('#pre_advdailyb').html('<?php echo $advcurrency; ?> ' + $('#daily_budget').val());
            $('#pre_advcpc').html('<?php echo $advcurrency; ?> ' + $('#cpc').val());
            $('#pre_advgal').html();


            $('#myAdPreview').modal('show');
            return false;
            //document.forms["creatad"].submit();
        } else
        {
            return false;
        }
    }

    $('#imch').on('click', function () {

        /* if ($("#image-holder1 img").length == 0)
         {
         alert('Please upload at least one picture.');
         imchfg = 1;
         return false;
         } else
         {
         imchfg = 0;
         }
         */
    });



    $('.prevtab').on('click', function () {
        //$('#create-ad_list > .active').next('li').removeClass('disabled');
        $('#create-ad_list > .active').prev('li').find('a').trigger('click');
    });


    function validRemark()
    {
        var remark = $('#remarkdt').val();
        if (remark != '')
        {
            $('#text_area_value').val(remark);
            $('#shwrmk').css('display', 'none');
        }

    }

    function showpgs()
    {
        var adurl = $('#adurl').val();

        if (adurl != '')
        {
            vadurl = "<?php echo Config::get('app.local_url'); ?>show-webpage?weburl=" + adurl;
            openNewTab(vadurl);
        }
    }

    function openNewTab(link) {

        var win = window.open(link, '_blank');
        win.focus();
    }



    function validtfirstFrm()
    {
        if ($("#adname").val() == "")
        {
            $('#er1').css('display', 'block');
            $("#er1").html("Advertisement Name Required Field");
            return false;
        }
        else if ($("#adurl").val() == "")
        {

            $('#url_data').css('display', 'block');
            $("#url_data").html("Advertisement URL Required Field");
            return false;
        }
        else
        {
            return true;
        }
    }

    function validtfirstFrms()
    {
        var firstflg = 0;
        if ($("#adname").val() == "")
        {
            $('#er1').css('display', 'block');
            $("#er1").html("Advertisement Name Required Field");
            firstflg = 1;
        }
        if ($("#adurl").val() == "")
        {

            $('#url_data').css('display', 'block');
            $("#url_data").html("Advertisement URL Required Field");
            firstflg = 1;
        }
        if (firstflg == 1)
        {
            return false;

        }

    }
    function validtsecondFrms()
    {
        var firstflg = 0;
        if ($("#image-holder1 img").length == 0)
        {
            // alert('Please upload at least one picture.');
            $('#upimgd_error').html('Please upload at least one picture.');
            $('#upimgd_error').css('display', 'block');
            imchfg = 1;
            return false;
        }

    }
    function validtthirdFrms()
    {
        var firstflg = 0;
        var svcntr = $.trim($('#savecountry').val());
        var state = $.trim($('#state').val());
        var pinc = $.trim($('#pinc').val());

        if (svcntr == '' && state == '' && pinc == '')
        {
            //alert('Please fill atleast one Targeting Option.');
            $('#trgg_error').html('Please fill atleast one Targeting Option.');
            $('#trgg_error').css('display', 'block');
            return false;
        }

    }

    function validFourthFrms()
    {
        var post_value = $("#daily_budget").val();
        var dataString = "post_value=" + post_value;
        var flgvgval = 0;
        if ($.trim(post_value) != '') {
            $.ajax({
                url: 'creat-ad/checkbalance_left_dollar',
                type: 'POST',
                data: dataString,
                success: function (data) {
                    var pdata = $.trim(data);
                    if (pdata == "2") {
                        $("#budget_error").css('display', 'block');
                        $("#budget_error").html("Your budget exceeds from your balance!");
                        $("#budget_error1").val("Your budget exceeds from your balance!");
                        $('.addfunds').css('display', 'block');
                        flgvgval = 1;
                    }

                }

            });
            if (flgvgval == 1)
            {
                return false;
            }
        } else
        {

            $('#erf1').css('display', 'block');
            $("#erf1").html("{{trans('createad.Please_Enter_Daily_Budget')}}");
            return false;
        }
    }

    function validFifthFrms()
    {
        var mincpcrate = '<?php echo json_encode(Config::get('campaign.mincpcrate')); ?>';
        mincpcrate = JSON.parse(mincpcrate);
        var mincampaignbudget = '<?php echo json_encode(Config::get('campaign.mincampaignbudget')); ?>';
        mincampaignbudget = JSON.parse(mincampaignbudget);
        var mindailycap = '<?php echo json_encode(Config::get('campaign.mindailycap')); ?>';
        mindailycap = JSON.parse(mindailycap);
        var campaigncurrencies = '<?php echo json_encode(Config::get('campaign.campaigncurrencies')); ?>';
        campaigncurrencies = JSON.parse(campaigncurrencies);
        var currency_value = $("#currency").val();
        var flg = 0;

        if ($("#daily_budget").val() == "")
        {
            $('#erf1').css('display', 'block');
            $("#erf1").html("{{trans('createad.Please_Enter_Daily_Budget')}}");

            flg = 1;
        }
        else {
            if ($("#daily_budget").val() < mindailycap[currency_value])
            {
                $('#erf1').css('display', 'block');
                $("#erf1").html("Minimum " + currency_value + " " + mindailycap[currency_value] + " required");
                flg = 1;
            } else
            {
                $('#erf1').css('display', 'none');
            }
        }

        var budget_error1 = $("#budget_error1").val();

        if ($.trim(budget_error1) != "")
        {
            $('#budget_error').css('display', 'block');
            $("#budget_error").html(budget_error1);

            flg = 1;
        }
        else {

            $('#budget_error').css('display', 'none');

        }

        if ($("#total_budget").val() == "")
        {
            $('#erf3').css('display', 'block');
            $("#erf3").html("{{trans('createad.Please_Enter_Total_Budget')}}");

            flg = 1;
        }
        else {
            if ($("#total_budget").val() < mincampaignbudget[currency_value])
            {
                $('#erf3').css('display', 'block');
                $("#erf3").html("Minimum " + currency_value + " " + mincampaignbudget[currency_value] + " required");
                flg = 1;
            } else
            {
                $('#erf3').css('display', 'none');
            }
        }

        if ($("#cpc").val() == "")
        {
            $('#erf2').css('display', 'block');
            $("#erf2").html("{{trans('createad.Please_Enter_Cost_Per_Click')}}");
            flg = 1;
        }
        else {
            if ($("#cpc").val() < mincpcrate[currency_value])
            {
                $('#erf2').css('display', 'block');
                $("#erf2").html("Minimum Cost per click " + currency_value + " " + mincpcrate[currency_value] + " required");

                flg = 1;
            }
            else
            {
                $('#erf2').css('display', 'none');
            }
        }

        if (flg == 1)
        {

            $('#budgetno').val(1);
            return false;
        } else
        {
            var post_value = $("#daily_budget").val();
            var dataString = "post_value=" + post_value;
            var flgvgval = 0;
            if ($.trim(post_value) != '') {
                $.ajax({
                    url: 'creat-ad/checkbalance_left_dollar',
                    type: 'POST',
                    data: dataString,
                    success: function (data) {
                        var pdata = $.trim(data);
                        if (pdata == "2") {
                            $("#budget_error").css('display', 'block');
                            $("#budget_error").html("Your budget exceeds from your balance!");
                            $("#budget_error1").val("Your budget exceeds from your balance!");
                            $('.addfunds').css('display', 'block');
                            $('#budgetno').val(1);
                            flgvgval = 1;
                        }

                    }

                });
                if (flgvgval == 1)
                {
                    return false;
                }
            } else
            {

                $('#erf1').css('display', 'block');
                $("#erf1").html("{{trans('createad.Please_Enter_Daily_Budget')}}");
                return false;
            }
        }
    }


    var imgSrc, imgW, imgH;

    function myFunction(image) {
        var img = new Image();
        img.src = image;
        // alert(image);
        img.onload = function () {

            return {
                src: image,
                width: this.width,
                height: this.height};
        }

        var dimes = ['300X250', '180X150', '728X90', '160X600', '300X600', '320X50', '320X53', '300X50', '300X75', '216X36', '216X54', '168X28', '168X42', '120X20', '120X30', '88X31', '250X300', '320X480', '468X60', '480X320'];
        var chkdm = img.width + 'X' + img.height;

        if (chkdm == '0X0')
        {
            //alert('0-'+chkdm);
            var imgd = new Image();
            imgd.src = image;
            // alert(image);
            imgd.onload = function () {

                return {
                    src: image,
                    width: this.width,
                    height: this.height};
            }
            var chkdmd = imgd.width + 'X' + imgd.height;
            alert('0-' + chkdmd);
            if ($.inArray(chkdmd, dimes) != '-1')
            {
                return 1;
            } else
            {

                return 0;
            }
        } else {
            //alert(chkdm);
            if ($.inArray(chkdm, dimes) != '-1')
            {
                return 1;
            } else
            {

                return 0;
            }
        }



    }

    $(document).ready(function () {





        /* Start New Code for file upload - Yogendra */

        var _URL = window.URL || window.webkitURL;

        $("#imgInpk").change(function (e) {
            $("#image-holder").hide(0);
            $("#image-holder1").show(0);

            $('#upimgd_error').css('display', 'none');
            $('#upimgd_error').html('');
            $('#pre_advgal').html('');

            $(".simgupd").each(function () {
                $(this).removeClass('simgupd');
                $(this).addClass('simglt');
            });

            $('#blah').attr('src', '');

            $('.imgd').css('display', 'none');
            var imch = 0;
            var image, file;
            var totalimg = document.getElementById('imgInpk').files.length;
            var chkdm = '0X0';

            $("#image-holder1").html('');
            for (var p = 0; p < totalimg; p++) {

                if ((file = this.files[p])) {

                    image = new Image();

                    image.onload = function () {

                        //alert("The image width is " +this.width + " and image height is " + this.height);
                        // alert(this.src);
                        var dimes = ['300X250', '180X150', '728X90', '160X600', '300X600', '320X50', '320X53', '300X50', '300X75', '216X36', '216X54', '168X28', '168X42', '120X20', '120X30', '88X31', '250X300', '320X480', '468X60', '480X320'];
                        chkdm = this.width + 'X' + this.height;

                        if ($.inArray(chkdm, dimes) != '-1')
                        {
                            //alert('ok'+chkdm);

                            $('#s' + chkdm).attr('title', 'Uploaded');

                            $('#s' + chkdm).removeClass('simglt');
                            $('#s' + chkdm).addClass('simgupd');

                            imch = 1;
                            $('#imch').removeClass('btn-default');
                            $('#imch').addClass('btn-orange btn-arrow nexttab');

                            $('#blah').attr('src', this.src);

                            $("<img></img>", {
                                class: "imageThumb",
                                id: "imageThumb",
                                src: this.src,
                                title: this.name,
                            }).appendTo("#image-holder1");

                            $("<img></img>", {
                                class: "imageThumb",
                                id: "imageThumb",
                                src: this.src,
                                title: this.name,
                            }).appendTo('#pre_advgal');


                        } else
                        {
                            validDm = parseInt(validDm) + 1;
                            countvdm();
                            $('#upimgd_error').css('display', 'block');
                            $('#upimgd_error').html('Few images not uploaded due to invalid Picture Size. Please upload mentioned picture size.');
                            //alert('Few images not uploaded due to invalid Picture Size. Please upload mentioned picture size.');
                        }
                    };
                    image.src = _URL.createObjectURL(file);



                    /* var dimes = ['300X250', '180X150', '728X90', '160X600', '300X600', '320X50', '320X53', '300X50', '300X75', '216X36', '216X54', '168X28', '168X42', '120X20', '120X30', '88X31', '250X300', '320X480', '468X60', '480X320'];
                     var chkdm = image.width + 'X' + image.height;
                     alert(chkdm);*/

                    //var validDm = myFunction(_URL.createObjectURL(file));


                    // alert(image.src);
                }
            }
            console.log(validDm);
            if (validDm != 0)
            {
                //alert(validDm+' images not uploaded due to invalid Picture Size. Please upload mentioned picture size.');
            }

        });

        /* End New Code for file upload - Yogendra */


        $("#image-holder1").mouseover(function () {

            $('#image-holder1 .imageThumb').on('click', function () {
                var src = $(this).attr('src');
                //alert('ok4 : '+src);
                $('#blah').attr('src', src);
            });



        });


        //country name list from ajax
        $.ajax({
            url: 'json-data/get-countries',
            type: 'GET',
            dataType: 'json',
            success: function (data) {
                var appenddatas;
                appenddatas += "<option value=All>All</option>";
                var appenddata;
                appenddata += "<option value=All>All</option><option value=''>select multiple countries</option>";
                // var cntry = '<div class=" row">';
                var cntry = '<div class=" row"><div class="col-md-6 col-sm-6 col-xs-12"><input class="search" id="cnsearch" placeholder="Search" /></div><div class="col-md-6 col-sm-6 col-xs-12"></div></div><ul class="list" style="list-style: outside none none;">';
                var i = 0;
                $.each(data, function (key, value) {
                    var country_name = value.nicename;
                    if (country_name.length > 25) {
                        country_name = country_name.substr(0, 22) + '...';


                    }


                    appenddatas += "<option value = '" + value.iso + " '>" + country_name + " </option>";

                    cntry += "<li style='width: 250px; float: left;'><input type='checkbox' class='country' name='cntry[]' data-name='" + value.nicename + "' value='" + value.iso3 + "'/><label class='name'>&nbsp;" + country_name + " </label></li>";
                    i++;
                });
                cntry += '</ul></div>';
                // $('#conty').html(appenddatas);
                $('#country').html(appenddata);
                $('#cntry').html(cntry);
                var options = {
                    valueNames: ['name']
                };

                var userList = new List('cntry', options);



            }

        });


//operator list from ajax;

        $.ajax({
            url: 'json-data/get-operator?q=',
            type: 'GET',
            dataType: 'json',
            success: function (data) {



                var cntry = '<div class=" row"><div class="col-md-6 col-sm-6 col-xs-12"><input class="search" placeholder="Search" /></div><div class="col-md-6 col-sm-6 col-xs-12"></div></div><ul class="list" style="list-style: outside none none;">';
                var i = 0;
                $.each(data, function (key, value) {


                    cntry += "<li style='width: 250px; float: left;'><input type='checkbox' class='tele' name='telearr[]' value='" + value.operator_name + "'/><label class='name'>&nbsp;" + value.operator_name + " - " + value.country_name_iso3 + " </label></li>";
                    i++;
                });
                cntry += '</ul></div>';

                $('#teledata').html(cntry);
                var options = {
                    valueNames: ['name']
                };

                var userList = new List('teledata', options);

            }

        });
//json-data/get-devices
        $.ajax({
            url: 'json-data/get-devices',
            type: 'GET',
            dataType: 'json',
            success: function (data) {

                var cntry = '<div class=" row"><div class="col-md-6 col-sm-6 col-xs-12"><input class="search" placeholder="Search" /></div><div class="col-md-6 col-sm-6 col-xs-12"></div></div><ul class="list" style="list-style: outside none none;">';
                var i = 0;
                $.each(data, function (key, value) {
                    var bvalue = value.replace(/(\r\n|\n\r|\r|\n)/g, "");

                    cntry += "<li style='width: 250px; float: left;'><input type='checkbox' class='device' name='devicear[]' value='" + bvalue + "'/><label class='name'>&nbsp;" + bvalue + " </label></li>";
                    i++;
                });
                cntry += '</ul></div>';

                $('#dvc').html(cntry);
                var options = {
                    valueNames: ['name']
                };

                var userList = new List('dvc', options);


            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(errorThrown + "---" + textStatus);
            }
        });

        //json-data/get-os   

        $.ajax({
            url: 'json-data/get-os',
            type: 'GET',
            dataType: 'json',
            success: function (data) {

                var cntry = '<div class=" row"><div class="col-md-6 col-sm-6 col-xs-12"><input class="search" placeholder="Search" /></div><div class="col-md-6 col-sm-6 col-xs-12"></div></div><ul class="list" style="list-style: outside none none;">';
                var i = 0;
                $.each(data, function (key, value) {
                    var bvalue = value.replace(/(\r\n|\n\r|\r|\n)/g, "");

                    cntry += "<li style='width: 250px; float: left;'><input type='checkbox' class='os' name='osarr[]' value='" + bvalue + "'/><label class='name'>&nbsp;" + bvalue + " </label></li>";
                    i++;
                });
                cntry += '</ul></div>';

                $('#osdata').html(cntry);
                var options = {
                    valueNames: ['name']
                };

                var userList = new List('osdata', options);

            }

        });

        //json-data/get-os-ver   

        $.ajax({
            url: 'json-data/get-os-ver',
            type: 'GET',
            dataType: 'json',
            success: function (data) {

                var cntry = '<div class=" row"><div class="col-md-6 col-sm-6 col-xs-12"><input class="search" placeholder="Search" /></div><div class="col-md-6 col-sm-6 col-xs-12"></div></div><ul class="list" style="list-style: outside none none;">';
                var i = 0;
                $.each(data, function (key, value) {
                    var bvalue = value.replace(/(\r\n|\n\r|\r|\n)/g, "");

                    cntry += "<li style='width: 250px; float: left;'><input type='checkbox' class='osv' name='osvarr[]' value='" + bvalue + "'/><label class='name'>&nbsp;" + bvalue + " </label></li>";
                    i++;
                });
                cntry += '</ul></div>';

                $('#osvdata').html(cntry);
                var options = {
                    valueNames: ['name']
                };

                var userList = new List('osvdata', options);

            }

        });


//json-data/get-browser 
        $.ajax({
            url: 'json-data/get-browser',
            type: 'GET',
            dataType: 'json',
            success: function (data) {

                var cntry = '<div class=" row"><div class="col-md-6 col-sm-6 col-xs-12"><input class="search" placeholder="Search" /></div><div class="col-md-6 col-sm-6 col-xs-12"></div></div><ul class="list" style="list-style: outside none none;">';
                var i = 0;
                $.each(data, function (key, value) {
                    var bvalue = value.replace(/(\r\n|\n\r|\r|\n)/g, "");

                    cntry += "<li style='width: 250px; float: left;'><input type='checkbox' class='browser' name='browserarr[]' value='" + bvalue + "'/><label class='name'>&nbsp;" + bvalue + " </label></li>";
                    i++;
                });
                cntry += '</ul></div>';

                $('#browserdata').html(cntry);
                var options = {
                    valueNames: ['name']
                };

                var userList = new List('browserdata', options);

            }

        });

        //json-data/get-browser-ver 
        $.ajax({
            url: 'json-data/get-browser-ver',
            type: 'GET',
            dataType: 'json',
            success: function (data) {

                var cntry = '<div class=" row"><div class="col-md-6 col-sm-6 col-xs-12"><input class="search" placeholder="Search" /></div><div class="col-md-6 col-sm-6 col-xs-12"></div></div><ul class="list" style="list-style: outside none none;">';
                var i = 0;
                $.each(data, function (key, value) {
                    var bvalue = value.replace(/(\r\n|\n\r|\r|\n)/g, "");

                    cntry += "<li style='width: 250px; float: left;'><input type='checkbox' class='browserc' name='browservarr[]' value='" + bvalue + "'/><label class='name'>&nbsp;" + bvalue + " </label></li>";
                    i++;
                });
                cntry += '</ul></div>';

                $('#browservdata').html(cntry);
                var options = {
                    valueNames: ['name']
                };

                var userList = new List('browservdata', options);

            }

        });

////////


    });

    $("#daily_budget").change(function () {
        var post_value = $("#daily_budget").val();
        var dataString = "post_value=" + post_value;
        $.ajax({
            url: 'creat-ad/checkbalance_left_dollar',
            type: 'POST',
            data: dataString,
            success: function (data) {
                var pdata = $.trim(data);
                if (pdata == "2") {
                    $("#budget_error").css('display', 'block');
                    $("#budget_error").html("Your budget exceeds from your balance!");
                    $("#budget_error1").val("Your budget exceeds from your balance!");
                    $('.addfunds').css('display', 'block');
                    return false;
                }

            }

        });
    });

    $("#currency").change(function () {
        var mincpcrate = '<?php echo json_encode(Config::get('campaign.mincpcrate')); ?>';
        mincpcrate = JSON.parse(mincpcrate);
        var mincampaignbudget = '<?php echo json_encode(Config::get('campaign.mincampaignbudget')); ?>';
        mincampaignbudget = JSON.parse(mincampaignbudget);
        var mindailycap = '<?php echo json_encode(Config::get('campaign.mindailycap')); ?>';
        mindailycap = JSON.parse(mindailycap);
        var campaigncurrencies = '<?php echo json_encode(Config::get('campaign.campaigncurrencies')); ?>';
        campaigncurrencies = JSON.parse(campaigncurrencies);
        var currency_value = $("#currency").val();

        $(".input-group-addon").text(currency_value);
        $("#total_budget_msg").text(currency_value + ' ' + mincampaignbudget[currency_value]);
        $("#daily_budget_msg").text(currency_value + ' ' + mindailycap[currency_value]);
        $("#mincpc_msg").text(currency_value + ' ' + mincpcrate[currency_value]);
    });
    $('.alvcookies').click(function () {
        var adname = $('#adname').val();
        var adurl = $('#adurl').val();
        var adomain = $('#adomain').val();
        
        
        var everyday = $('#everyday').val();
        
        var startdate = $('#startdate').val();
        var enddate = $('#enddate').val();

        var startmin = $('#startmin').val();
        var endmin = $('#endmin').val();
        
        var startmin2 = $('#startmin2').val();
        var endmin2 = $('#endmin2').val();
        
        var starthour = $('#starthour').val();
        var endhour = $('#endhour').val();
        
        var starthour2 = $('#starthour2').val();
        var endhour2 = $('#endhour2').val();
        
        var everyhour = $('#everyhour').val();
        var everymin = $('#everymin').val();
        
        var everyhour2 = $('#everyhour2').val();
        var everymin2 = $('#everymin2').val();
        
        
        var randStr = "";
        for (var letter = 1; letter <= 8; letter++) {
            randStr += letter % 2 == 0 ? String.fromCharCode(Math.random() * (91 - 65) + 65) : Math.ceil(Math.random() * 9);
        }
        var cook_key = randStr.toUpperCase();

        var expires = new Date();
        expires.setTime(expires.getTime() + (500 * 24 * 60 * 60 * 1000));
        document.cookie = cook_key + '_adname=' + adname + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_adurl=' + adurl + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_adomain=' + adomain + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + '_everyday=' + everyday + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + '_startdate=' + startdate + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_enddate=' + enddate + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + 'startmin=' + startmin + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_endmin=' + endmin + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + 'startmin2=' + startmin2 + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_endmin2=' + endmin2 + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + 'starthour=' + starthour + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_endhour=' + endhour + ';expires=' + expires.toUTCString();
        
         document.cookie = cook_key + 'starthour2=' + starthour2 + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_endhour2=' + endhour2 + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + 'everyhour=' + everyhour + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_everymin=' + everymin + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + 'everyhour2=' + everyhour2 + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_everymin2=' + everymin2 + ';expires=' + expires.toUTCString();
        
    })
    $('.crpcookies').click(function () {
        var adname = $('#adname').val();
        var adurl = $('#adurl').val();
        var adomain = $('#adomain').val();
        
        var everyday = $('#everyday').val();
        
        var startdate = $('#startdate').val();
        var enddate = $('#enddate').val();

        var startmin = $('#startmin').val();
        var endmin = $('#endmin').val();
        
        var startmin2 = $('#startmin2').val();
        var endmin2 = $('#endmin2').val();
        
        var starthour = $('#starthour').val();
        var endhour = $('#endhour').val();
        
        var starthour2 = $('#starthour2').val();
        var endhour2 = $('#endhour2').val();
        
        var everyhour = $('#everyhour').val();
        var everymin = $('#everymin').val();
        
        var everyhour2 = $('#everyhour2').val();
        var everymin2 = $('#everymin2').val();
        
        var randStr = "";
        for (var letter = 1; letter <= 8; letter++) {
            randStr += letter % 2 == 0 ? String.fromCharCode(Math.random() * (91 - 65) + 65) : Math.ceil(Math.random() * 9);
        }
        var cook_key = randStr.toUpperCase();
        var expires = new Date();
        expires.setTime(expires.getTime() + (500 * 24 * 60 * 60 * 1000));
        document.cookie = cook_key + '_adname=' + adname + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_adurl=' + adurl + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_adomain=' + adomain + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_everyday=' + everyday + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + '_startdate=' + startdate + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_enddate=' + enddate + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + 'startmin=' + startmin + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_endmin=' + endmin + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + 'startmin2=' + startmin2 + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_endmin2=' + endmin2 + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + 'starthour=' + starthour + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_endhour=' + endhour + ';expires=' + expires.toUTCString();
        
         document.cookie = cook_key + 'starthour2=' + starthour2 + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_endhour2=' + endhour2 + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + 'everyhour=' + everyhour + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_everymin=' + everymin + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + 'everyhour2=' + everyhour2 + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_everymin2=' + everymin2 + ';expires=' + expires.toUTCString();
        
        window.location.href = "crop_tool?catbind=<?php echo $catbindid; ?>&cook_key=" + cook_key;

    })

    $('.bnrcookies').click(function () {
        var adname = $('#adname').val();
        var adurl = $('#adurl').val();
        var adomain = $('#adomain').val();
        var everyday = $('#everyday').val();
        
        var startdate = $('#startdate').val();
        var enddate = $('#enddate').val();

        var startmin = $('#startmin').val();
        var endmin = $('#endmin').val();
        
        var startmin2 = $('#startmin2').val();
        var endmin2 = $('#endmin2').val();
        
        var starthour = $('#starthour').val();
        var endhour = $('#endhour').val();
        
        var starthour2 = $('#starthour2').val();
        var endhour2 = $('#endhour2').val();
        
        var everyhour = $('#everyhour').val();
        var everymin = $('#everymin').val();
        
        var everyhour2 = $('#everyhour2').val();
        var everymin2 = $('#everymin2').val();
        
        var randStr = "";
        for (var letter = 1; letter <= 8; letter++) {
            randStr += letter % 2 == 0 ? String.fromCharCode(Math.random() * (91 - 65) + 65) : Math.ceil(Math.random() * 9);
        }
        var cook_key = randStr.toUpperCase();
        var expires = new Date();

        expires.setTime(expires.getTime() + (500 * 24 * 60 * 60 * 1000));
        document.cookie = cook_key + '_adname=' + adname + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_adurl=' + adurl + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_adomain=' + adomain + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_everyday=' + everyday + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + '_startdate=' + startdate + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_enddate=' + enddate + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + 'startmin=' + startmin + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_endmin=' + endmin + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + 'startmin2=' + startmin2 + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_endmin2=' + endmin2 + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + 'starthour=' + starthour + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_endhour=' + endhour + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + 'starthour2=' + starthour2 + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_endhour2=' + endhour2 + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + 'everyhour=' + everyhour + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_everymin=' + everymin + ';expires=' + expires.toUTCString();
        
        document.cookie = cook_key + 'everyhour2=' + everyhour2 + ';expires=' + expires.toUTCString();
        document.cookie = cook_key + '_everymin2=' + everymin2 + ';expires=' + expires.toUTCString();
        
        window.location.href = "banner-page-creation?catbind=<?php echo $catbindid; ?>&cook_key=" + cook_key;

    })

    function getCookie(key) {
        var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
        return keyValue ? keyValue[2] : null;
    }

    function countvdm() {
        if (validDm == 1) {
            $('#upimgd_error').css('display', 'block');
            $('#upimgd_error').html('Few images not uploaded due to invalid Picture Size. Please upload mentioned picture size.');
            //alert('Few images not uploaded due to invalid Picture Size. Please upload mentioned picture size.');
            validDm = 1;
        } else
        {
            validDm = 1;
        }
    }
    $('#adfnd').click(function () {
        var addfunds_link = "<?php echo Config::get('app.local_url'); ?>myaccount/addfunds";
        var win = window.open(addfunds_link, '_blank');
        win.focus();
    });
</script>
{!! Html::script("themes/js/lists.js"); !!}
<script>

</script>
<script>
    $(window).load(function () {
        $('body').addClass('loaded');
    });
</script>
</body>

</html>