@extends('layouts.main')
@section('content')
@include('partials.breadcrumb', ['breadcrumbTitle' => 'Technical
Specifications','parentTitle'=>'Settings','parentUrl'=>'/settings'])
<div class="wrapper-content">
    <div class="container-fluid">
        
        @include('settings.technical-specs.filter-technical-specs')
        <div class="ibox  dt-table-wrap-ibox">
            <div class="ibox-title">
                
                <div class="ibox-tools">
                    
                    <a href="#" id="export-csv" class="btn btn-primary">Export to CSV</a>
                    <a href="#" class="btn btn-primary" data-toggle="modal" href="remote.html"
                    data-target="#addHardwareStandard">Add New</a>
                    <a href="/bulk-technical-specs" class="btn btn-primary">Bulk Create / Update</a>
                    <button id="bulkDeleteButton" class="btn btn-danger " style="display: none;">Delete Selected</button>
                </div>
                
            </div>
            <div class="ibox-content">
                
                @include('partials.success')
                @include('partials.error-message')
                @include('settings.partials.success-message')
                @include('settings.partials.delete-message')
                <div class="ajax-loader"><img src="/img/ajax-loader-full-width.gif"></div>

                <div class="form-group" style="display: inline-block;">
                    <label>Show entries:</label>
                    <select class="form-control" id="pageLengthSelect">
                        <option value="25" @if(25 == config('pagination.per_page')) selected @endif>25</option>
                        <option value="50" @if(50 == config('pagination.per_page')) selected @endif>50</option>
                        <option value="100" @if(100 == config('pagination.per_page')) selected @endif>100</option>
                        <option value="200" @if(200 == config('pagination.per_page')) selected @endif>200</option>
                    </select>
                </div>
                
                <table class="footable table table-stripped table-hover" data-page-size="50" data-filter=#filter
                id="technical-specs-table">
                
                <thead>

                    <tr>
                        <th style="display: none;"></th>

                        <th style="display: none;"></th>

                        <th width="5%"><input type="checkbox" name="checkall" id="checkAll"></th>

                        <th>#</th>

                        <th class="th-sortable">Asset Type</th>

                        <th class="th-sortable">Manufacturer</th>

                        <th class="th-sortable">Hardware Standard</th>

                        <th class="th-sortable">Tech Specs</th>

                        <th>Original Value</th>

                        <th>Salvage Value</th>

                        <th>Life of Asset (years)</th>

                        <th class="th-sortable"># of Assets</th>

                    </tr>

                </thead>
                
                <tbody>
                    @include('settings.technical-specs.technical-specs-data')
                </tbody>
                
                <tfoot>
                    
                    <tr class="p-links">
                        @include('settings.technical-specs.technical-specs-pagination-links')
                        
                    </tr>
                    
                </tfoot>
                
            </table>
            
        </div>
        
    </div>
    
</div>
</div>


<div class="modal inmodal" id="addHardwareStandard" tabindex="-1" role="dialog">
    
    <div class="modal-dialog">
        
        <div class="modal-content animated fadeIn">
            
            <div class="modal-header">
                
                <button type="button" class="close" data-dismiss="modal"><span>×</span><span
                    class="sr-only">Close</span></button>
                    
                    <h4 class="modal-title">Add New Tech Spec</h4>
                    
                </div>
                
                <div class="modal-body">
                    
                    @include('partials.error')
                    
                    <form class="form-horizontal" action="" method="post" id="technical-specs-form">
                        
                        {{csrf_field()}}
                        
                        <div class="form-group">
                            
                            <label class="col-lg-4 control-label">Hardware Standard</label>
                            
                            <div class="col-lg-8">
                                <!-- @include('partials.dropdowns.hardware-standard') -->
                                <select name="make_and_model_id" id="make_and_model_id" class="form-control chosen-select"
                                @if(isset($required) && $required) required @endif @if(isset($disabled) && $disabled)
                                disabled @endif>
                                <option value="">--Select--</option>
                                @foreach($hardwares as $hardware)
                                <option value="{{$hardware->id}}" {{old('hardwares')==$hardware->id ? 'selected' :
                                    (old('make_and_model_id') ==
                                    $hardware->id ? 'selected' : '')}}>{{optional($hardware->manufacturer)->name}} -
                                    {{$hardware->name}}</option>
                                    @endforeach
                                </select>
                                
                            </div>
                            
                        </div>
                        
                        <div class="form-group">
                            
                            <label class="col-lg-4 control-label">Tech Specs</label>
                            
                            <div class="col-lg-8">
                                
                                <input type="text" class="form-control" name="technical_spec"
                                value="{{old('technical_spec')}}" required>
                                
                            </div>
                            
                        </div>
                        
                        <div class="form-group">
                            
                            <label class="col-lg-4 control-label">Value in USD #</label>
                            
                            <div class="col-lg-8">
                                
                                <input type="text" class="form-control" name="original_value"
                                value="{{old('original_value')}}">
                                
                            </div>
                            
                        </div>
                        
                    </form>
                    
                </div>
                
                <div class="modal-footer">
                    
                    <button type="button" class="btn btn-link" data-dismiss="modal">Cancel</button>
                    
                    <button type="button" class="btn btn-primary" id="submit">Save</button>
                    
                </div>
                
            </div>
            
        </div>
        
    </div>
    @include('settings.modals.confirm-delete')
    
    @stop

    @section('help-links')
    @include('help.help-links',['helpLink'=>config('help-links.help_links.technical_specs'),'helpTitle'=>config('help-links.help_titles.technical_specs')])
    @endsection
    
    @section('after_scripts')
    
    @include('settings.technical-specs.technical-specs-script')
    
    @stop