@include('includes.header')
<div class="page container">
    <div id="section-search">
        <div class="page-header" style="margin:0;">
            <h2>Equipment Search</h2>
            <input id="industry_id" type="hidden" value="{{$industry->id}}">
        </div>
        <form id="frm_search_brand" role="form">
            <div class="row form-group" style="margin-top: 10px;"> 
                <div class="col-sm-4">
                    <label for="brand" >Brand</label>
                    <select class="form-control" name="equipment_brand_id" id="brand">
                        <option value="">-Select Brand-</option>
                        @if(isset($sel_brand))
                        @foreach($brands as $brand)
                        @if($brand->id == $sel_brand->id)
                        <option value="{{$brand->id}}" selected>{{$brand->brand_name}}</option>
                        @else
                        <option value="{{$brand->id}}">{{$brand->brand_name}}</option>
                        @endif
                        @endforeach
                        @else
                        @foreach($brands as $brand)
                        <option value="{{$brand->id}}">{{$brand->brand_name}}</option>
                        @endforeach
                        @endif
                    </select>
                </div>
                <div class="col-sm-4">
                    <label for="catagory">Category</label>
                    <select class="form-control" name="equipment_category_id" id="category">
                        <option value="">-Select Category-</option>
                        @if(isset($sel_category))
                        @foreach($categories as $category)
                        @if($category->id == $sel_category->id)
                        <option value="{{$category->id}}" selected>{{$category->category_name}}</option>
                        @else
                        <option value="{{$category->id}}">{{$category->category_name}}</option>
                        @endif
                        @endforeach
                        @else
                        @foreach($categories as $category)
                        <option value="{{$category->id}}">{{$category->category_name}}</option>
                        @endforeach
                        @endif
                    </select>
                </div>
                <div class="col-sm-4">
                    <label for="model" >Model</label>
                    <input type="text" class="form-control" name="model" id="model" >
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <label class="panel-title">
                        <a data-toggle="collapse" style="text-decoration: none;" class="btnsearch" href="#advancesearch"><span class="toggle-icon fa fa-plus"></span> Advanced Search</a>
                    </label>
                </div>
                <div id="advancesearch" class="panel-collapse collapse">
                    <div class="panel-body">
                        <div class="row form-group"> 
                            <div class="col-sm-4">
                                <label id="lblforprice" for="priceslider" >Price Range ${{$min_price}} to ${{$max_price}} </label>
                                <input id="priceslider" name ="pricerange" type="text" value="[{{$min_price}},{{$max_price}}]" data-slider-min="{{$min_price}}" data-slider-max="{{$max_price}}" data-slider-step="50" data-slider-tooltip="hide" data-slider-value="[{{$min_price}},{{$max_price}}]" >                           
                            </div>
                            <div class="col-sm-4">
                                <label id="lblforyear" for="yearslider" >Year {{$min_year}} to {{$max_year}}</label>
                                <input id="yearslider" name ="yearrange" type="text" value="[{{$min_year}},{{$max_year}}]" data-slider-min="{{$min_year}}" data-slider-max="{{$max_year}}" data-slider-step="1" data-slider-tooltip="hide" data-slider-value="[{{$min_year}},{{$max_year}}]" >
                            </div>
                            <div class="col-sm-4">
                                <label for="keyword" >Keyword</label>
                                <input type="text" class="form-control" name="keyword" id="keyword" >
                            </div>
                        </div>
                        <div class="row form-group">
                            <div class="col-sm-4">
                                <label for="subcatagory">Subcategory</label>
                                <select class="form-control" name="equipment_subcategory_id" id="subcategory">
                                    <option value="">-Select Subcategory-</option>
                                    @if(isset($sel_category))
                                    @foreach($subcategory as $subcategory)
                                    <option value="{{$subcategory->id}}">{{$subcategory->category_name}}</option>
                                    @endforeach
                                    @endif
                                </select>
                            </div>                            
                        </div>
                    </div>
                </div>
            </div>
            <div style="margin-top: 10px;" class="row form-group">
                <div class="col-sm-12">
                    <button type="submit" class="btn btn-primary"><span class="fa fa-search"></span> Search</button>
                    <button type="button" id="btn_reset" class="btn btn-primary"><span class="fa fa-refresh"></span> Reset</button>
                </div>                    
            </div>
        </form>
        <div id="noRes"></div>
        <div id="section-result" style="display: none;">
            <hr id="line1">
            <ul class="pager">
                <li id="previous" class="previous displayNone" onclick="prevSlot();"><a href="#">Previous</a></li>
                <li id="next" class="next displayNone" onclick="nextSlot();"><a href="#">Next</a></li>              
            </ul>
            <hr id="line2">
            <div class="list-group">

            </div>
        </div>
    </div>
    <div id="section-equipment-detail" style="display:none;">
        <div class="page-header">
            <h2>Equipment Details</h2>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading clearfix">
                <h4 id="equipment_name" class="pull-left"></h4>
                <button type="button" class="btn btn-primary pull-right" onclick="backToSearch();"><span class="fa fa-arrow-circle-left"></span> Back</button>
            </div>
            <div id="equip-detail" class="panel-body">                
            </div>
        </div>
        <!-- Modal -->
        <div id="EnquiryModel" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" onclick="resetfrmEquipmentEnquiry();">&times;</button>
                        <h4 class="modal-title">Equipment Enquiry Form</h4>
                    </div>
                    <div class="modal-body">
                        <form id="frmEquipmentEnquiry">
                            <p>*Please add details below.</p>
                            <div class="form-group">
                                <label for="first_name">First Name <span class="astrik">*</span></label>
                                <input id="first_name" type="text" name="first_name" class="form-control alphaonly" maxlength="35" required>
                                <input type="hidden" id="equipment_id" name="equipment_id" value="" />
                            </div>
                            <div class="form-group">
                                <label for="last_name">Last Name <span class="astrik">*</span></label>
                                <input id="last_name" type="text" name="last_name" class="form-control alphaonly" maxlength="35" required>
                            </div>
                            <div class="form-group">
                                <label for="enquiry_email">Email <span class="astrik">*</span></label>
                                <input id="enquiry_email" type="email" name="email" class="form-control" maxlength="255" required>
                            </div>
                            <div class="form-group">
                                <label for="enquiry_contact">Phone <span class="astrik">*</span></label>
                                <input id="enquiry_contact" type="text" name="contact_number" class="form-control numonly" maxlength="10" required>
                            </div>
                            <div class="form-group">
                                <label for="requirement">Message</label>
                                <textarea id="requirement" name="requirement_details" class="form-control"></textarea>
                            </div>
                            <div class="form-group">
                                <button type="submit" class="btn btn-sm btn-primary"><span class="fa fa-save"></span> Save </button>
                            </div>
                            <p>*Thanks for your enquiry. We will contact you shortly. </p>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div id="RequestVideoModel" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" onclick="resetfrm_video_request();">&times;</button>
                        <h4 class="modal-title">Video Request Form</h4>
                    </div>
                    <div class="modal-body">
                        <form id="frm_request_vedio">
                            <div class="form-group">
                                <label for="first_name">First Name <span class="astrik">*</span></label>
                                <input id="first_name" type="text" name="first_name" class="form-control alphaonly" maxlength="35" required>
                                <input type="hidden" id="equipment_id" name="equipment_id" value="" />
                            </div>
                            <div class="form-group">
                                <label for="last_name">Last Name <span class="astrik">*</span></label>
                                <input id="last_name" type="text" name="last_name" class="form-control alphaonly" maxlength="35" required>
                            </div>
                            <div class="form-group">
                                <label for="enquiry_email">Email <span class="astrik">*</span></label>
                                <input id="enquiry_email" type="email" name="email" class="form-control" maxlength="255" required>
                            </div>
                            <div class="form-group">
                                <label for="enquiry_contact">Phone <span class="astrik">*</span></label>
                                <input id="enquiry_contact" type="text" name="contact_number" class="form-control numonly" maxlength="10" required>
                            </div>
                            <div class="form-group">
                                <label for="requirement">Message</label>
                                <textarea id="requirement" name="requirement_details" class="form-control"></textarea>
                            </div>
                            <div class="form-group">
                                <button type="submit" class="btn btn-sm btn-primary"><span class="fa fa-save"></span> Save </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<link rel="stylesheet" type="text/css" href="{{asset('plugins/bootstrap-slider/slider.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('dist/css/lightslider.min.css')}}">
<script src="{{asset('dist/js/lightslider.min.js')}}" type="text/javascript"></script>
<script src="{{ asset('plugins/bootstrap-slider/bootstrap-slider.js') }}" type="text/javascript"></script>
<script src="{{ asset('/scripts/app.search_equipment_brand.js') }}" type="text/javascript"></script>
@include('includes.footer')