@extends('admin.layout')
@section('content')
<style type="text/css">
    .required-mark
    {
        color: red;
    }
    hr {
        margin-left: 15px;
        margin-bottom:-3px;
    }
    .hr-primary{
        border: 1px solid #00c0ef;
    }
    .bootstrap-select.btn-group .dropdown-menu li {
        border-bottom: 1px solid #6c6c6cde;
    }   
    .my-current
    {
        color: #00c0ef;
    }</style>
<div class="search-list">
    <div class="content-wrapper search-result-list">
  <section class="content-header">
    <h1> {{ trans('Convert to opportunities') }} <small></small> </h1>
    <ol class="breadcrumb">
      <li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
      <li class="active">{{ trans('Convert to opportunities') }}</li>
    </ol>
  </section>
  <section class="content">
    <div class="row">
      <div class="col-md-12">
        <div class="box box-info">
            <div class="box-header">
                <ul  class="list-inline">
                    <li class="list-inline-item"><button type="button" id="submit-button" class="btn btn-primary btn-sm">{{ trans('Submit') }}</button></li>
                    <li class="list-inline-item"><a href="{{URL('admin/all-email')}}" type="button" class="btn btn-primary btn-sm">{{ trans('labels.back') }}</a></li>
                </ul>           
            </div>  
          <div class="box-body">
            <div class="row">
              <div class="col-xs-12">
                    <div class="">                        
                        <div class="row">
                            @if(session()->has('message'))
                            <div class="alert alert-success alert-dismissible">
                               <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                               <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}</h4>
                                {{ session()->get('message') }}
                            </div>
                            @endif
                            @if(session()->has('error'))
                                <div class="alert alert-warning alert-dismissible">
                                   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                                   <h4><i class="icon fa fa-warning"></i> {{ trans('labels.WarningLabel') }}</h4>
                                    {{ session()->get('error') }}
                                </div>
                            @endif
                        </div>
                         <div class="box-body">
                            {!! Form::open(array('url' =>'admin/add-opportunities-data', 'method'=>'post', 'class' => 'form-horizontal', 'id' => 'addNewOpportunities', 'enctype'=>'multipart/form-data')) !!}
                                <input type="hidden" name="email_id" value="{{$result['iptv_website_email']->id}}">
                                <div class="row">
                                    <div class="clearfix"></div>
                                    <div class="col-md-2">
                                        <strong style="color: #00c0ef;">Customer Information</strong>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="customers_firstname" class="control-label">{{ trans('First Name') }} <span class="required-mark">*</span></label>
                                            </div>
                                            @php
                                                $customers_lastname = "";
                                                $customers_firstname = "";
                                                if(!empty($result['iptv_website_email']->lname)) {
                                                    $customers_firstname = $result['iptv_website_email']->fname;
                                                    $customers_lastname = $result['iptv_website_email']->lname;
                                                } else {
                                                    $breakCustomerName = explode(' ', $result['iptv_website_email']->fname);
                                                   /* print_r($breakCustomerName);
                                                    echo count((array) $breakCustomerName);
                                                    exit('***');*/
                                                    $customers_firstname = $breakCustomerName[0];
                                                    if(count((array) $breakCustomerName)>0 && count((array) $breakCustomerName) == '1') {
                                                        $customers_lastname = $breakCustomerName[0];
                                                    } else if(count((array) $breakCustomerName)>0 && count((array) $breakCustomerName) == '3') {
                                                        $customers_lastname = $breakCustomerName[1] . " " . $breakCustomerName[2];
                                                    } else {
                                                       $customers_lastname = $breakCustomerName[1]; 
                                                    }
                                                    
                                                }
                                            @endphp

                                            @if(!empty($result['iptv_website_email']->refer_name))
                                                <div class="col-sm-4 col-md-12">
                                                    {!! Form::text('customers_firstname', $result['iptv_website_email']->refer_name, array('class'=>'form-control', 'id'=>'customers_firstname', 'required'=>'required')) !!}
                                                </div>
                                            @else
                                                <div class="col-sm-4 col-md-12">
                                                {!! Form::text('customers_firstname', $customers_firstname, array('class'=>'form-control', 'id'=>'customers_firstname', 'required'=>'required')) !!}
                                                </div>
                                            @endif
                                        </div>
                                    </div>                                  
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="customers_lastname" class="control-label">{{ trans('Last Name') }} <span class="required-mark">*</span></label>
                                            </div>
                                            @if(!empty($result['iptv_website_email']->refer_name))
                                                <div class="col-sm-4 col-md-12">
                                                    {!! Form::text('customers_lastname', $result['iptv_website_email']->refer_name, array('class'=>'form-control', 'id'=>'customers_lastname', 'required'=>'required')) !!}
                                                </div>
                                            @else
                                                <div class="col-sm-4 col-md-12">
                                                {!! Form::text('customers_lastname', $customers_lastname, array('class'=>'form-control', 'id'=>'customers_lastname', 'required'=>'required')) !!}
                                                </div>
                                            @endif

                                        </div>
                                    </div>
                                    @php
                                    $phone = "";
                                    if(!empty($result['iptv_website_email']->phone)){
                                        $phone = $result['iptv_website_email']->phone;
                                    }
                                    @endphp
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="customers_email_address" class="control-label">{{ trans('Email Address') }}</label>
                                            </div>
                                            <div class="col-sm-4 col-md-12">
                                                {!! Form::text('customers_email_address', '', array('class'=>'form-control', 'id'=>'customers_email_address', 'onchange'=>'get_suspicious()' )) !!}
                                            </div>
                                        </div>
                                    </div>                             
                                    <div class="clearfix"></div> 
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="customers_telephone" class="control-label">{{ trans('Telephone') }} <span class="required-mark">*</span></label>
                                            </div>
                                            @if(!empty($result['iptv_website_email']->refer_phone))
                                                <div class="col-sm-4 col-md-12">
                                                    {!! Form::text('customers_telephone', $result['iptv_website_email']->refer_phone, array('class'=>'form-control', 'id'=>'customers_telephone', 'required'=>'required', 'minlength'=>'9', 'maxlength'=>'12')) !!}
                                                </div>
                                            @else
                                                {!! Form::text('customers_telephone', $phone, array('class'=>'form-control', 'id'=>'customers_telephone', 'required'=>'required', 'minlength'=>'9', 'maxlength'=>'12')) !!}
                                            @endif
                                        </div>
                                    </div>                                    
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="alternate_mobile" class="control-label">{{ trans('Alternate Mobile') }}</label>
                                            </div>
                                            <div class="col-sm-4 col-md-12">
                                                {!! Form::text('alternate_mobile', '', array('class'=>'form-control', 'id'=>'alternate_mobile', 'minlength'=>'9', 'maxlength'=>'12')) !!}
                                            </div>
                                        </div>
                                    </div>                                  
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="services_provider" class="control-label">{{ trans('Product')}} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-4 col-md-12">
                                                <select name="services_provider" multiple="" class="form-control select_default" id="services_provider" required="">
                                                    @if(count((array) $result['services'])>0)
                                                        @foreach($result['services'] as $key => $iValue)
                                                            @php
                                                                $servicesSelected = "";
                                                                if ($result['iptv_website_email']->website_for == $iValue->website_url) {
                                                                    $servicesSelected = 'selected="selected"';
                                                                }                                                                
                                                            @endphp
                                                            <option value="{{$iValue->id}}" {{ $servicesSelected }}>{{$iValue->name}}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <hr class="hr-primary" />
                                    <br>
                                    <div class="col-md-2">
                                        <strong style="color: #00c0ef;">Other Information</strong>
                                    </div>                                  
                                    <div class="clearfix"></div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="lead_source" class="control-label">{{ trans('Lead Source') }}</label>
                                            </div>
                                            <div class="col-sm-4 col-md-12">
                                                <select name="lead_source" multiple="" class="form-control select_default" id="lead_source">
                                                                                                        @if(count((array) $result['lead_sources'])>0)
                                                        @foreach($result['lead_sources'] as $key => $lsValue)
                                                            <option value="{{$lsValue->lead_sources_name}}" @if($lsValue->lead_sources_name == $existingCustomer) selected="" @endif>
                                                                {{$lsValue->lead_sources_name}}
                                                            </option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="source_of_call" class="control-label">{{ trans('Referred By') }} </label>
                                            </div>
                                            @if(!empty($result['iptv_website_email']->refer_phone))
                                                <div class="col-sm-4 col-md-12">
                                                    {!! Form::text('source_of_call',  $phone, array('class'=>'form-control', 'id'=>'source_of_call')) !!}
                                                </div>
                                            @else
                                                <div class="col-sm-4 col-md-12">
                                                    {!! Form::text('source_of_call',  '', array('class'=>'form-control', 'id'=>'source_of_call')) !!}
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="assign_to" class="control-label">{{ trans('Assigned to') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-4 col-md-12">
                                                <select name="assign_to" multiple="" class="form-control select_default" id="assign_to" required="">
                                                    @if(count((array) $result['administrator_data'])>0)
                                                        @foreach($result['administrator_data'] as $key => $adValue)
                                                            <option value="{{$adValue->myid}}">{{$adValue->first_name}} {{$adValue->last_name}}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="opportunities_status" class="control-label">{{ trans('Status') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-4 col-md-12">
                                                <select name="opportunities_status" multiple="" class="form-control select_default" id="opportunities_status" required="">
                                                    <option value="In Process" selected="">In Process</option>
                                                    <option value="Lost">Lost</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="p_country" class="control-label">{{ trans('Country') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-4 col-md-12">
                                                <select name="p_country" id="p_country" class="form-control select_default" multiple="" required="">
                                                    <option value="">Choose Country</option>                                    
                                                    @if(count((array) $result['country_data'])>0)
                                                        @foreach ($result['country_data'] as $key => $value)            
                                                            <option value="{{$value->countries_id}}">{{$value->countries_name}}</option>
                                                        @endforeach
                                                    @endif  
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="comments" class="control-label">{{ trans('Notes') }}</label>
                                            </div>
                                            <div class="col-sm-4 col-md-12">
                                                {!! Form::textarea('comments',  '', array('class'=>'form-control', 'id'=>'comments', 'rows'=>'3', 'cols'=>'10')) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>                                    
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="watchers" class="col-sm-12 col-md-12 ">{{ trans('Watchers') }} </label>
                                            <div class="col-sm-4 col-md-4 couponProdcuts">
                                                <select name="watchers[]" multiple class="form-control select_customized" id="watchers">
                                                    @if(count((array) $result['administrator_data'])>0)
                                                        @foreach($result['administrator_data'] as $key => $adValue)
                                                            <option value="{{$adValue->myid}}">{{$adValue->first_name}} {{$adValue->last_name}}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="col-md-12">
                                        <div class="box-footer text-center">
                                            <button type="submit" class="btn btn-primary">{{ trans('Submit') }}</button>
                                            <a href="{{ URL('admin/all-email') }}" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>
                                        </div>
                                    </div>
                                </div>
                            {!! Form::close() !!} 
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>
</div>
<script src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/jquery.validate.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/additional-methods.js') !!}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet" />
<script>
    $('.selectpicker').selectpicker();

      $( function() {

        $( "#customers_dob" ).datepicker({ 
            dateFormat: 'yy-mm-dd',
            minDate: 0,
            autoclose: true,
        }).val();

      } );      

  </script>
<script type="text/javascript">
    
    // Alphabets Only
    $.validator.addMethod("alpha", function(value, element) {
        return this.optional(element) || value == value.match(/^[a-zA-Z\s]+$/);
    }); 
    
    // Password Check
    $.validator.addMethod("pwcheck", function(value) {
        return /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{6,16}$/.test(value) // consists of only these
    });
    
    // Email Check
    $.validator.addMethod("email", function(value) {
        return /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(value) // consists of only these
    });
    
    // File Size Validation
    jQuery.validator.addMethod("filesize_max", function(value, element, param) {
        var isOptional = this.optional(element),
            file;

        if(isOptional) {
            return isOptional;
        }
        if ($(element).attr("type") === "file") {

            if (element.files && element.files.length) {

                file = element.files[0];            
                return ( file.size && file.size <= param ); 
            }
        }
        return false;
    }, "File size is too large.");
    
    jQuery.validator.addMethod("postaCode", function(value, element) {
        return this.optional(element) || /^(\d{5}(-\d{4})?|[A-Z]\d[A-Z] ?\d[A-Z]\d)$/.test(value);
    }, "Please enter valid postal code");

    var $wCur = $("#addNewOpportunities");
    $wCur.validate( {
            rules: {                
                customers_firstname: {
                    required: true,
                    rangelength: [3, 20],
                    alpha: true
                },
                customers_lastname: {
                    required: true,
                    rangelength: [3, 20],
                    alpha: true
                },
                customers_telephone: {
                    required: true,
                    maxlength: 12,
                    minlength: 9,
                    digits: true
                },
                alternate_mobile: {
                    maxlength: 12,
                    minlength: 9,
                    digits: true
                },
                services_provider: {
                    required: true,
                },
                bdr_id: {
                    required: true,
                },
                opportunities_status: {
                    required: true,
                },
            },
            messages: {
                customers_firstname: {
                    required: "Please enter first name",
                    alpha: "Please enter first name alphabets only"
                },
                customers_lastname: {
                    required: "Please enter last name",
                    alpha: "Please enter last name alphabets only"
                },
                customers_telephone: {                  
                    required: "Please enter your telephone number",
                    maxlength: "Please enter valid telephone number",
                    digits: "Please enter your telephone number numeric only"
                },
                alternate_mobile: {                 
                    required: "Please enter your telephone number",
                    maxlength: "Please enter valid alternate number",
                    digits: "Please enter your telephone number numeric only"
                },
                services_provider: {
                    required: "Please select product",
                },
                bdr_id: {
                    required: "Please select BDR",
                },
                opportunities_status: {
                    required: "Please select status",
                },
            },
            errorElement: "em",
            errorPlacement: function ( error, element ) {
                // Add the `help-block` class to the error element
                error.addClass( "help-block" );

                // Add `has-feedback` class to the parent div.form-group
                // in order to add icons to inputs
                element.parents( ".col-sm-5" ).addClass( "has-feedback" );

                if ( element.prop( "type" ) === "checkbox" ) {
                    error.insertAfter( element.parent( "label" ) );
                } else {
                    error.insertAfter( element );
                }

                // Add the span element, if doesn't exists, and apply the icon classes to it.
                if ( !element.next( "span" )[ 0 ] ) {
                    $( "<span class='glyphicon glyphicon-remove form-control-feedback'></span>" ).insertAfter( element );
                }
            },
            success: function ( label, element ) {
                // Add the span element, if doesn't exists, and apply the icon classes to it.
                if ( !$( element ).next( "span" )[ 0 ] ) {
                    $( "<span class='glyphicon glyphicon-ok form-control-feedback'></span>" ).insertAfter( $( element ) );
                }
            },
            highlight: function ( element, errorClass, validClass ) {
                $( element ).parents( ".col-sm-5" ).addClass( "has-error" ).removeClass( "has-success" );
                $( element ).next( "span" ).addClass( "glyphicon-remove" ).removeClass( "glyphicon-ok" );
            },
            unhighlight: function ( element, errorClass, validClass ) {
                $( element ).parents( ".col-sm-5" ).addClass( "has-success" ).removeClass( "has-error" );
                $( element ).next( "span" ).addClass( "glyphicon-ok" ).removeClass( "glyphicon-remove" );
            }
        } );    
    
    $("#submit-button").click(function (e) {  
        if($wCur.valid()) {
            $("#addNewOpportunities").submit();
        } else {                
            e.preventDefault();
        }
    });
</script>
<script type="text/javascript">
    $("#customers_telephone").keypress(function (e){
        var charCode = (e.which) ? e.which : e.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            return false;
        }
    });
    $("#alternate_mobile").keypress(function (e){
        var charCode = (e.which) ? e.which : e.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            return false;
        }
    });
</script>
@endsection