@include('includes.header')
<div class="page container">
    <div class="page-header" style="margin:0;">
        <h2>Equipment Details</h2>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading clearfix">
            <h4 class="pull-left">{{$equipment->equipment_name}}</h4>
            <a href="{{asset('index')}}" class="btn btn-primary pull-right"><span class="fa fa-arrow-circle-left"></span> Back</a>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-sm-6">
                    <ul id="imageGallery">
                        @foreach($equipment->equipment_images as $image)
                        <li data-thumb="{{$image->image_uri}}" data-src="{{$image->image_uri}}">
                            <img src="{{$image->image_uri}}" class="img-responsive img-thumbnail" />
                        </li>
                        @endforeach
                    </ul>
                </div>
                <div class="col-sm-6">
                    <div class="table-responsive">
                        <table class="table">
                            <tr><td style="width: 125px;"><label>Equipment Name</label></td><td>{{$equipment->equipment_name}}</td></tr>
                            <tr><td><label>Year</label></td><td>{{$equipment->year}}</td></tr>
                            <tr><td><label>Make</label></td><td>{{$equipment->brand_name}}</td></tr>
                            <tr><td><label>Model</label></td><td>{{$equipment->model}}</td></tr>
                            <tr><td><label>Category</label></td><td>{{$equipment->category_name}}</td></tr>
                            <tr><td><label>Subcategory</label></td><td>{{$equipment->subcategory_name}}</td></tr>
                            <tr><td><label>Price</label></td><td><label>{{($equipment->price==0)?'Price On Application':$equipment->currency_code.' '.$equipment->price}}</label></td></tr>
                            <tr>
                                <td><label>Features / Other Details:</label></td>
                                <td>
                                    <p>{{$equipment->other_information}}</p>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#EnquiryModel"><span class="fa fa-info-circle"></span> Equipment Enquiry</button>
                    @if(!empty($equipment->video_url))
                    &nbsp;<button id="videoModelBtn" type="button" class="btn btn-primary" data-toggle="modal" data-target="#RequestVideoModel"><span class="fa fa-youtube-play"></span> Video Available On Request</button>
                    @endif
                </div>
            </div>
        </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" name="equipment_id" value="{{$equipment->id}}" />
                        </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>
    <!--Video Enquiry-->
    <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="{{$equipment->id}}" />
                        </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>
<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('scripts/app.equipment_details.js')}}" type="text/javascript"></script>
@include('includes.footer')