95 lines
2.4 KiB
PHP
95 lines
2.4 KiB
PHP
|
|
<div class="box">
|
|
<div class="box-body">
|
|
|
|
<div class="col-xs-12 col-md-4">
|
|
|
|
<div class="form-group">
|
|
<select name="type_dispositif_id" class="form-control">
|
|
<option>Dispositif</option>
|
|
@foreach($type_dispositifs as $key => $type_dispositif)
|
|
<option value="{{$key}}">{{$type_dispositif}}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<select name="type_lot_id" class="form-control">
|
|
<option>Type de lots</option>
|
|
@foreach($type_lots as $key => $type_lot)
|
|
<option value="{{$key}}">{{$type_lot}}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
@include('components.city', ['name' => 'ville'])
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<input type="number" class="w-100" id="distance" name="distance" data-provide="slider" data-slider-min="0" data-slider-max="40" data-slider-step="5">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
Distance : <span id="distanceSliderVal">5</span> km
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-md-8">
|
|
<div class="form-group">
|
|
<label class="col-sm-12">Budget</label>
|
|
<div class="col-sm-12">
|
|
<div class="form-group">
|
|
<input type="number" style="width: 100%;" id="budget" name="budget" data-provide="slider" data-slider-min="{{ $min }}" data-slider-max="{{ $max }}" data-slider-step="10000" data-slider-value="[{{ $min }},{{ $max }}]">
|
|
</div>
|
|
<div class="small-box bg-red">
|
|
<div class="inner">
|
|
<h3 id="budgetSliderVal">{{ App\Repositories\Core\Number::price($min) }} - {{ App\Repositories\Core\Number::price($max) }}</h3>
|
|
<p>Montant +/- 10 000 €</p>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="fa fa-eur"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row text-center">
|
|
<button type="submit" class="btn btn-info">Rechercher</button>
|
|
<p></p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
@push('js')
|
|
<script>
|
|
$(function() {
|
|
|
|
/*
|
|
$("input.slider").slider({
|
|
tooltip: 'always',
|
|
formatter: function(value) {
|
|
console.log(value);
|
|
return value.toString().replace(',',' - ');
|
|
}
|
|
});
|
|
*/
|
|
|
|
$("#budget").on("slide", function(slideEvt) {
|
|
var min = numeral(slideEvt.value[0]).format('0,0');
|
|
var max = numeral(slideEvt.value[1]).format('0,0');
|
|
var txt = min + ' - ' + max;
|
|
$("#budgetSliderVal").text(txt);
|
|
});
|
|
|
|
$("#distance").on("slide", function(slideEvt) {
|
|
$("#distanceSliderVal").text(slideEvt.value);
|
|
});
|
|
});
|
|
</script>
|
|
@endpush |