@extends('app')
@section('content')
<title>Edit AMC</title>
<style type="text/css">
    .control-label {
        text-align: left !important;
    }
  
</style>
<div class="content-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-head-line">EDIT AMC</h1>
                </div>
           	</div>
            <div class="row">
            	<div class="col-md-12">
            		<div class="panel panel-default">
                        <div class="panel-body">
					@if($errors->any())
					    <div class="alert alert-danger">
					        @foreach($errors->all() as $error)
					            <p>{{ $error }}</p>
					        @endforeach
					    </div>
					@endif
					<form class="form-horizontal" role="form" method="POST" action="{{ route('amcs.update', $amc->id).'?sort='.$_GET['sort'].'&filter_name='.$_GET['filter_name'].'&page='.$_GET['page'].'&order='.$_GET['order'].'&show='.$_GET['show']  }}">
					<input type="hidden" name="_token" value="{{ csrf_token() }}" />
						<input type="hidden" name="_method" value="PUT" />
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-md-4 col-sm-3 col-xs-12">Select Client <span style="color:#FF0000"> *</span>
                                </label>
                                <div class="col-md-8 col-sm-6 col-xs-12">
                                  <!-- <input type="text" class="form-control" name="contact_name" value="{{ $amc->contact_name }}" style="text-transform:capitalize">-->
								   <select name="vendor_id" id="vendor_id" class="form-control">
                                               <option value="">Please Select</option>
												@foreach($vendors as $vendor)
		                                            	
												    @if($vendor->id == $amc->vendor_id)
                                                        <option value="{{ $vendor->id }}" selected="selected">{{ $vendor->name }}{{ empty($vendor->company_name)?'':' / '.$vendor->company_name }}</option>
                                                    @else
                                                        <option value="{{ $vendor->id }}">{{ $vendor->name }}{{ empty($vendor->company_name)?'':' / '.$vendor->company_name }}</option>
                                                    @endif
																									@endforeach
												
                                            </select>
                                </div>
                            </div>
                        </div>


                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-md-4 col-sm-3 col-xs-12">Select Product<span style="color:#FF0000"> *</span>
                                </label>
                                <div class="col-md-8 col-sm-6 col-xs-12">
											<select name="product_id" id="product_id" class="form-control">
                                               <option value="">Please Select</option>
												@foreach($products as $product)
		                                            	
												    @if($product->id == $amc->product_id)
                                                        <option value="{{ $product->id }}" selected="selected">{{ $product->product_name }}</option>
                                                    @else
                                                        <option value="{{ $product->id }}">{{ $product->product_name }}</option>
                                                    @endif
												@endforeach
												
                                            </select>
                                </div>
                            </div>
                        </div>

                   @if(!empty($settings['location']) && $settings['location'] == 1)
							<div class="col-md-6">
								<div class="form-group row" id="locationDropdowndiv">
									<label class="control-label col-md-4 col-sm-3 col-xs-12">
										Select Location
									</label>
									<div class="col-md-8 col-sm-6 col-xs-12">
										<select class="form-control" name="vendor_location"
											id="locationDropdown">
											<option value="">Please Select Location</option>
										</select>
									</div>
								</div>
							</div>

							
							<script>
	$(document).ready(function() {
		let selectedLocationId = "{{ $selected_location_id }}"; // from controller

		$('select[name="vendor_id"]').on('change', function() {
			let vendorId = $(this).val();
            const $locationWrapper = $('#locationDropdowndiv');

			if (vendorId) {
				$.ajax({
					url: "{{ url('/admin/vendor/locations') }}/" + vendorId,
					type: "GET",
					dataType: "json",
					success: function(data) {
						let $dropdown = $('#locationDropdown');
						$dropdown.empty().append('<option value="">Please Select Location</option>');

						$.each(data.locations, function(key, value) {
							let isSelected = (value.id == selectedLocationId) ? 'selected' : '';
							$dropdown.append(
								'<option value="' + value.id + '" ' + isSelected + '>' +
								value.address_line1 + ', ' + value.city + '</option>'
							);
						});
                        if(data.vendor_address_status == 0)
                        {
                            $locationWrapper.css('display', 'none');
                        }else{
                            $locationWrapper.css('display', 'block');
                        }
					}
				});
			} else {
				$('#locationDropdown').empty().append('<option value="">Please Select Location</option>');
			}
		});

		// Trigger change manually to load locations and set selected one
		$('select[name="vendor_id"]').trigger('change');
	});
</script>


							@endif


                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-md-4 col-sm-3 col-xs-12">AMC Price</label>
                                <div class="col-md-8 col-sm-6 col-xs-12">
                                    <input type="number" step="0.01" min="0" name="amc_price" class="form-control" value="{{ $amc->amc_price }}">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6" style="clear:both">
                             <div class="form-group">
                                <label class="control-label col-md-4 col-sm-3 col-xs-12">Terms & Conditions</label>
                                <div class="col-md-8 col-sm-6 col-xs-12">
                                    <textarea class="form-control" id="terms" name="terms" rows="2" style="text-transform:capitalize">{{ $amc->terms }}</textarea>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-md-4 col-sm-3 col-xs-12">Type <span style="color:#FF0000"> *</span></label>
                                <div class="col-md-8 col-sm-6 col-xs-12">
                                    <label class="radio-inline"><input type="radio" id="comprehensive"  name="atype" value="Comprehensive" >Comprehensive</label>
				<label class="radio-inline"><input type="radio" name="atype"  id="non_comp" value="Non-Comprehensive" >Non-Comprehensive</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label col-md-4 col-sm-3 col-xs-12">Service Time Frame<span style="color:#FF0000"> *</span></label>
                                                <div class="col-md-8 col-sm-6 col-xs-12">
                                                    <div class="input-group date">
                                                          <select name="service_timeframe" id="service_timeframe" class="form-control">
                                                          <option value="">Select Time Frame</option>
                                                          <option value="15 Days" >15 Days</option>
                                                          <option value="Monthly" >Monthly</option>
                                                          <option value="Quaterly" >Quaterly</option>
                                                          <option value="Yearly" >Yearly</option>
                                                          </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                        <div class="col-md-6" style="clear:both">
                            <div class="form-group">
                                <label class="control-label col-md-4 col-sm-3 col-xs-12">Start Date <span style="color:#FF0000"> *</span></label>
                                 <div class="col-md-8 col-sm-6 col-xs-12">
                               <div class="input-group date">
								<input type="text" name="start_date" id="start_date"  data-format="DD-MM-YYYY" readonly class="form-control" value="{{ $amc->start_date }}" />
                                <span class="input-group-btn">
                                    <button type="button" class="btn btn-default click"><i class="fa fa-calendar"></i></button> 
                                  </span>
                                   <!-- <!--<input type="text" name="start_date" class="form-control" value="{{ $amc->start_date }}" readonly/>-->
				    <!--<div class="input-group date">
                                          <input type="text" name="start_date" id="joining_date" data-format="DD-MM-YYYY" class="form-control" readonly value="{{ $amc->start_date }}">
                                          <span class="input-group-btn">
                                          <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
                                          </span>
                                    </div>-->
                                </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-md-4 col-sm-3 col-xs-12">End Date</label>
 <div class="col-md-8 col-sm-6 col-xs-12">
                                <div class="input-group date">
								<input type="text" name="end_date"  data-format="DD-MM-YYYY" readonly id="end_date" class="form-control" value="{{ $amc->end_date }}" />
                                <span class="input-group-btn">
                                    <button type="button" class="btn btn-default click"><i class="fa fa-calendar"></i></button> 
                                  </span>
                                   <!--<input type="text" name="end_date" class="form-control" value="{{ $amc->end_date }}" readonly/>-->
					<!--<div class="input-group date">
                                          <input type="text" name="end_date" id="joining_date" data-format="DD-MM-YYYY" class="form-control" readonly value="{{ $amc->end_date }}">
                                          <span class="input-group-btn">
                                          <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
                                          </span>
                                    </div>-->
                                    <p class="error" style="display:none;">Please provide Valid Start and End date.</p>
                                </div>
                                </div>
                            </div>
                        </div>
                       
                        <div class="col-md-12">
                            <div class="form-group">
                                <div class="col-md-8 col-sm-6 col-xs-12 col-md-offset-5">
                                    <button type="submit" class="btn btn-success" id="edit_amc_form">Submit</button>
                                    <a href="/amcs/indexnew?sort=&filter_name=&page=&order=&show=" class="btn btn-primary">Cancel</a>
                                </div>
                            </div>
                        </div>
                    </form>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
<link rel="stylesheet" href="/assets/jsdatepicker/datepicker.css">
<script src="/assets/jsdatepicker/datepicker.js"></script>
<script src="/assets/jsdatepicker/datepicker1.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
		$('#start_date').datepicker({
            changeYear: true
        });
        $('#end_date').datepicker({
            changeYear: true
        });        
        
	});

</script>
@endsection