@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;}
    
</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">{{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">{{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">{{trans('createad.Advertisement_Name')}} <b class="star">*</b></label>
                            <div class="col-lg-4 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">{{trans('createad.Advertisement_Domain')}}</label>
                            <div class="col-lg-4 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">{{trans('createad.Advertisement_URL')}}<b class="star">*</b></label>
                            <div class="col-lg-4 col-md-5 col-sm-8 col-xs-12 controls">
                                <input class="form-control"  id="adurl"type="url" name="url" value="<?php if(trim($vfldurl)!=''){echo Config::get('app.local_url').$vfldurl;}?>" />
                                <span class="form-group row alert-box_cread_ad error_created_ad" style="display: none;" id="url_data"> </span>
                                
                            </div>
                            
                            <div class="col-lg-5 col-md-3 col-sm-4 col-xs-12">
                                <a href="javascript:void(0);" onclick="showpgs();" class="btn btn-green" >{{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">{{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">{{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">
                            <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">{{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">
                            <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><b>Time</b></h4>
                    
                        <div class="form-group row">
                            <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label">Start Date </label>
                            <div class="col-lg-6 col-md-6 col-sm-10 col-xs-9">
                                
                                <input type="text" value="" placeholder="yyyy-mm-dd" id="startdate" name="startdate" class="form-control" style="  float: left;
    width: 140px; margin-right: 5px; " >
                                <input type="text" value="" placeholder="hh" id="starthour" name="starthour" class="form-control" style="  float: left;
    width: 50px; ">
                                <input type="text" value="" placeholder="mm" id="startmin" name="startmin" class="form-control" style="  float: left;
    width: 58px; ">
                                <input type="text" value="" placeholder="AM" id="startam" name="startam" class="form-control" style="  float: left;
    width: 50px; ">
                                
                                
                            </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="Start datetime of campaign"><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">End Date </label>
                            <div class="col-lg-6 col-md-6 col-sm-10 col-xs-9">
                                
                                 <input type="text" value="" placeholder="yyyy-mm-dd" id="enddate" name="enddate" class="form-control"  style="  float: left;
    width: 140px; margin-right: 5px; ">
                                 <input type="text" value="" placeholder="hh" id="endhour" name="endhour" class="form-control" style="  float: left;
    width: 50px; ">
                                  <input type="text" value="" placeholder="mm" id="endmin" name="endmin" class="form-control" style="  float: left;
    width: 58px; ">
                                 <input type="text" value="" placeholder="AM" id="endam" name="endam" class="form-control" style="  float: left;
    width: 50px; ">
                            </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="End datetime 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">{{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">{{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">{{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">{{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">{{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">
                            <label  class="col-lg-3 col-md-4 col-sm-12 col-xs-12 control-label">{{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 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">{{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">{{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">{{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">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="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"); !!}

</body>

</html>
<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        
        $('#startdate,#enddate').datetimepicker({
             format: 'YYYY-MM-DD',
             minDate: "<?php echo date('Y-m-d');?>"
        });
        
        $('#starthour,#endhour').keypress(function( event ) {
              if(event.keyCode == 38){
                  
                  var hr=$(this).val();
                  if($.trim(hr) == "" ){
                    hr =0;
                  }
                  if($.trim(hr)< 12)
                  {
                      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').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);
                  }
              }
        });
        
        
        $('#startam,#endam').keypress(function( event ) {
             if(event.keyCode == 38 || event.keyCode == 40){
                  
                  var hr=$(this).val();
                  if($.trim(hr) == "" ){
                    hr ="AM";
                  }
                  if($.trim(hr) == "AM")
                  {
                      
                      $(this).val("PM");
                  }
                  if($.trim(hr) == "PM")
                  {
                      
                      $(this).val("AM");
                  }
                  
              }
        });
        
        
        
        $('[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');
        $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
        });
        $('#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 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 () {
        $('#myOSV').modal('show');
    });
    $('#browserc').click(function () {
        $('#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();
             
        
    });

    $('#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 startdate=$('#startdate').val();
     var enddate=$('#enddate').val();
    
       var startmin=$('#startmin').val();
     var endmin=$('#endmin').val();
     var startam=$('#startam').val();
     var endam=$('#endam').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+'_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+'_startam=' + startam+ ';expires=' + expires.toUTCString();
             document.cookie = cook_key+'_endam=' + endam + ';expires=' + expires.toUTCString();
     
 }) 
 $('.crpcookies').click(function(){
     var adname=$('#adname').val();
     var adurl=$('#adurl').val();
     var adomain=$('#adomain').val();
          var startdate=$('#startdate').val();
     var enddate=$('#enddate').val();
    
      var startmin=$('#startmin').val();
     var endmin=$('#endmin').val();
     var startam=$('#startam').val();
     var endam=$('#endam').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+'_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+'_startam=' + startam+ ';expires=' + expires.toUTCString();
             document.cookie = cook_key+'_endam=' + endam + ';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 startdate=$('#startdate').val();
     var enddate=$('#enddate').val();
     
     var startmin=$('#startmin').val();
     var endmin=$('#endmin').val();
     var startam=$('#startam').val();
     var endam=$('#endam').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+'_startdate=' + startdate + ';expires=' + expires.toUTCString();
             document.cookie = cook_key+'_enddate=' + enddate + ';expires=' + expires.toUTCString();
             document.cookie = cook_key+'_starthour=' + starttime + ';expires=' + expires.toUTCString();
             document.cookie = cook_key+'_endhour=' + endtime + ';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+'_startam=' + startam+ ';expires=' + expires.toUTCString();
             document.cookie = cook_key+'_endam=' + endam + ';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>