@extends('layouts.app')



@section('content')
<script src="https://cdn.ckeditor.com/4.16.2/standard/ckeditor.js"></script>
<div class="row">

	<div class="col-lg-12">

		<div class="card">

			<div class="card-header bg-primary text-white">

				<span class="panel-title">{{ _lang('Create New Lead') }}</span>

			</div>

			<div class="card-body">

			    <form method="post" class="validate" autocomplete="off" action="{{ route('leads.store') }}" enctype="multipart/form-data">

					{{ csrf_field() }}

					<div class="row">

					    <div class="col-md-6">

					        <div class="form-group">

						        <label class="control-label">{{ _lang('Name') }}</label>

						        <input type="text" class="form-control" name="name" value="{{ old('name') }}">

					        </div>

					    </div>



						<div class="col-md-6">

					        <div class="form-group">

						        <label class="control-label">{{ _lang('Company Name') }}</label>		

						        <input type="text" class="form-control" name="company_name" id="company_name" value="{{ old('company_name') }}" required>

					        </div>

					    </div>



					    <div class="col-md-6">

					        <div class="form-group">

						        <label class="control-label">{{ _lang('Email') }}</label>		

						        <input type="text" class="form-control" name="email" value="{{ old('email') }}">

					        </div>

					    </div>
					    
					    <div class="col-md-6">

					        <div class="form-group">

						        <label class="control-label">{{ _lang('Phone') }}</label>

						        <input type="text" class="form-control" name="phone" value="{{ old('phone') }}" required>

					        </div>

					    </div>



						<!-- <div class="col-md-6">

					        <div class="form-group">

					        	<a href="{{ route('lead_statuses.create') }}" data-reload="false" data-title="{{ _lang('New Lead Status') }}" class="ajax-modal-2 select2-add"><i class="ti-plus"></i> {{ _lang('Add New') }}</a>

						        <label class="control-label">{{ _lang('Lead Status') }}</label>	

						        <select class="form-control select2-ajax" data-value="id" data-display="title" data-table="lead_statuses" data-where="1" name="lead_status_id" required>

					                <option value="">{{ _lang('Select One') }}</option>

								</select>

							</div>

					    </div> -->

<div class="col-md-6">

					        <div class="form-group">

						        <label class="control-label">{{ _lang('Website') }}</label>

						        <input type="text" class="form-control" name="website" value="{{ old('website') }}">

					        </div>

					    </div>

					<!--	<div class="col-md-6">

					        <div class="form-group">

					        	<a href="{{ route('lead_sources.create') }}" data-reload="false" data-title="{{ _lang('New Lead Source') }}" class="ajax-modal-2 select2-add"><i class="ti-plus"></i> {{ _lang('Add New') }}</a>

						        <label class="control-label">{{ _lang('Lead Source') }}</label>	

						        <select class="form-control select2-ajax" data-value="id" data-display="title" data-table="lead_sources" data-where="1" name="lead_source_id" >

					                <option value="">{{ _lang('Select One') }}</option>

								</select>

							</div>

					    </div>-->
					    
					   <!-- <div class="col-md-6">

						    <div class="form-group">

							    <label class="control-label">{{ _lang('Lead Type') }}</label>	

							    <select class="form-control " data-value="id" data-display="title" data-table="lead_sources" data-where="1" name="lead_type">

					                <option value="">{{ _lang('Select One') }}</option>
					                <option value="Enquiry Lead">Enquiry Lead</option>
					                <option value="Quality Lead">Quality Lead</option>

							    </select>

						    </div>

						</div>-->
						
						<!--<div class="col-md-6">

						    <div class="form-group">

							    <label class="control-label">{{ _lang('Project Type') }}</label>	

							    <select class="form-control " data-value="id" data-display="title" data-table="lead_sources" data-where="1" name="project_type">

					                <option value="">{{ _lang('Select One') }}</option>
					                <option value="SEO">SEO</option>
					                <option value="Web">Web</option>
					                <option value="Mobile">Mobile</option>

							    </select>

						    </div>

						</div>-->



						<!--<div class="col-md-6">

					        <div class="form-group">

						        <label class="control-label">{{ _lang('Assigned ') }}</label>

						        <select class="form-control select2" name="assigned_user_id">

					                <option value="">{{ _lang('Select One') }}</option>

									{{ create_option('users','id','name',old('assigned_user_id'), array("company_id="=>company_id())) }}

								</select>

							</div>

					    </div>





						<div class="col-md-6">

					        <div class="form-group">

						        <label class="control-label">{{ _lang('Contact Date') }}</label>

						        <input type="text" class="form-control datepicker" name="contact_date" value="{{ old('contact_date') }}" >

					        </div>

					    </div>
					    
					    <div class="col-md-6">

					        <div class="form-group">

						        <label class="control-label">{{ _lang('LinkedIn') }}</label>		

						        <input type="text" class="form-control" name="linkedin" value="{{ old('linkedin') }}">

					        </div>

					    </div> -->


				<!--		<div class="col-md-6">

					        <div class="form-group">

						        <label class="control-label">{{ _lang('Country') }}</label>

						        <select class="form-control select2" name="country">

					                <option value="">{{ _lang('Select One') }}</option>

									{{ get_country_list( old('country') ) }}

								</select>

							</div>

					    </div>-->
					    

<div class="col-md-6">

					        <div class="form-group">

						        <label class="control-label">{{ _lang('TimeZone') }}</label>		

						         <select class="form-control"  name="time_zone" id="time_zone" required>

					                <option value="">{{ _lang('Select One') }}</option>
					                @foreach($timezones as $timez)
<option value="{{$timez->id}}">{{$timez->name}}</option>
@endforeach
<!--<option value="Central">Central</option>
<option value="Mountain">Mountain</option>
<option value="Pacific">Pacific</option>
<option value="Hawaii-Aleutian">Hawaii-Aleutian</option>-->
							

							    </select>

					        </div>

					    </div>
					    <div class="col-md-6">

					        <div class="form-group">

						        <label class="control-label">{{ _lang('State') }}</label>		

						         <select class="form-control select2"  name="zone_state" id="zone_state" required>

					                <option value="">{{ _lang('Select One') }}</option>
						

							    </select>

					        </div>

					    </div>


						<!-- <div class="col-md-6">

					        <div class="form-group">

						        <label class="control-label">{{ _lang('Currency') }}</label>	

						        <select class="form-control select2" name="currency" >

					                <option value="">{{ _lang('Select One') }}</option>

									{{ get_currency_list() }}

								</select>

							</div>

					    </div>



						<div class="col-md-6">

					        <div class="form-group">

						        <label class="control-label">{{ _lang('Vat ID') }}</label>

						        <input type="text" class="form-control" name="vat_id" value="{{ old('vat_id') }}">

					        </div>

					    </div> 



						<div class="col-md-6">

					        <div class="form-group">

						        <label class="control-label">{{ _lang('Reg No') }}</label>

						        <input type="text" class="form-control" name="reg_no" value="{{ old('reg_no') }}">

					        </div>

					    </div> 



						<div class="col-md-6">

					        <div class="form-group">

						        <label class="control-label">{{ _lang('City') }}</label>

						        <input type="text" class="form-control" name="city" value="{{ old('city') }}">

					        </div>

					    </div>


						<div class="col-md-6">

					        <div class="form-group">

						        <label class="control-label">{{ _lang('State') }}</label>

						        <input type="text" class="form-control" name="state" value="{{ old('state') }}">

					        </div>

					    </div>



						<div class="col-md-6">

					        <div class="form-group">

						        <label class="control-label">{{ _lang('Zip') }}</label>						

						        <input type="text" class="form-control" name="zip" value="{{ old('zip') }}">

					        </div>

					    </div>-->



						<div class="col-md-12">

						    <div class="form-group">

							    <label class="control-label">{{ _lang('Address') }}</label>
<span class="required">*</span>
							    <textarea class="form-control" name="address" required>{{ old('address') }}</textarea>

						    </div>

						</div>



						

						<div class="col-md-12">

						    <div class="form-group">

							    <button type="reset" class="btn btn-danger">{{ _lang('Reset') }}</button>

							    <button type="submit" class="btn btn-primary">{{ _lang('Save') }}</button>

						    </div>

						</div>

					</div>			

			    </form>

			</div>

		</div>

    </div>

</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
   <script>
        $(document).ready(function () {
            $('#time_zone').on('change', function () {
                var idCountry = this.value;
                $("#zone_state").html('');
                $.ajax({
                    url: "{{url('fetch-states')}}",
                    type: "POST",
                    data: {
                        zone_id: idCountry,
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (result) {
                        $('#zone_state').html('<option value="">Select State</option>');
                        $.each(result.states, function (key, value) {
                            $("#zone_state").append('<option value="' + value
                                .name + '">' + value.name + '</option>');
                        });
                    }
                });
            });
            
        });

    </script>
<script>
                        CKEDITOR.replace( 'address' );
                </script>

@endsection