@extends('vehicles.profile.includes.main')
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('vehicles.index')}}">Vehicles Managements</a> <span class="divider">/</span></li>
        <li class="active">Trucks Profile:Documents</li>
    </ul>
@stop
@section('profile')
    <div class="tab-pane active">
        {{--<h4 class="widgettitle">List of Documents--}}
        {{--<div class="btn-group pull-right" style="margin-top: -2px;margin-right: 0px">--}}
        {{--<button class="btn dropdown-toggle" data-toggle="dropdown"><i class="icon-th"></i>--}}
        {{--&nbsp; Actions <span class="caret"></span></button>--}}
        {{--<ul class="dropdown-menu">--}}
        {{--<li><a href="#"><i class="icon-plus"></i> &nbsp;Add New</a></li>--}}
        {{--<li><a href="#"><i class="icon-print"></i> &nbsp;Print</a></li>--}}
        {{--</ul>--}}
        {{--</div><!--btn-group-->--}}
        {{--</h4>--}}
        <div class="mediamgr_left">
            <div class="widgetcontent">
                <div id="tabs">

                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th>Name</th>
                            <th>Description</th>
                            <th class="center">Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($documents as $document)
                            <tr>
                                <td>{{$document->name}}</td>
                                <td><a href="#"></a>
                                </td>
                                <td>
                                    {{--@if(!empty($document->vehicle->document_path))--}}
                                    <a class="btn" onclick="modelShow('viewDocument{{$document->id}}')">
                                        <span class="icon-edit"></span> View
                                    </a>

                                    <div aria-hidden="false" aria-labelledby="myModalLabel"
                                         role="dialog" class="modal hide fade in"
                                         id="viewDocument{{$document->id}}">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal"
                                                    aria-hidden="true">×
                                            </button>
                                            <h3 id="myModalLabel">View Document </h3>
                                        </div>
                                        {!! Form::open(array('route' => 'truck.document.upload', 'method' => 'POST', 'class' => 'truck_document_upload', 'files' => true)) !!}
                                        <div class="modal-body">
                                            <input type="hidden" name="vehicle_id"
                                                   value="{{$vehicle->id}}">
                                            <input type="hidden" name="documentable_id"
                                                   value="{{$vehicle->id}}">
                                            <input type="hidden" name="documentable_type"
                                                   value="App\Model\Vehicle">
                                            <input type="hidden" name="document_id"
                                                   value="{{$document->id}}">
                                            <input type="hidden" name="registration_id"
                                                   value="{{$vehicle->registration_number}}">

                                            <div class="col-lg-12 text-center">
                                                <div class="mediamgr_head">
                                                    <strong>
                                                        @if(isset($document->vehicle->document_path))
                                                            {{--*/ $time = \Carbon\Carbon::now() /*--}}
                                                            {!! HTML::image(env('TRUCK_DOCUMENTS').$document->vehicle->document_path.'?'.$time,
                                                            $document->name,
                                                            array('class'=>'img-polaroid','id'=>'document_display'.$document->id
                                                            ))  !!}
                                                            {{--{{env('TRUCK_DOCUMENTS').$document->vehicle->document_path}}--}}
                                                        @endif
                                                    </strong>
                                                    <span class="clearall"></span>
                                                </div><!--mediamgr_head-->
                                            </div><!--mediamgr_left -->
                                        </div>
                                        <div class="modal-footer">
                                            <div class="row">
                                                <div class="form-group">
                                                    @if(isset($document->vehicle->document_path))
                                                        <a href="../../{{env('TRUCK_DOCUMENTS').$document->vehicle->document_path.'?'.$time}}"
                                                           target="_blank" class="btn"></a>
                                                    @endif
                                                    <input type="file" name="file" class="document_upload"
                                                           onchange="readURL(this,'document_display{{$document->id}}');"
                                                           required>

                                                    <input type="submit"
                                                           class="btn btn-default margin-t-5"
                                                           value="Upload Document"
                                                           id="upload-submit">
                                                    <button class="btn" data-dismiss="modal" aria-hidden="true">
                                                        Close
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                    {{--@endif--}}
                                </td>
                            </tr>
                        @endforeach

                        </tbody>
                    </table>
                </div><!--#tabs-->
            </div><!--widgetcontent-->
        </div>
    </div><!--tab-pane-->
    <script>
        function readURL(input, id) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function (e) {
                    jQuery('#' + id).attr('src', e.target.result);
                };
                reader.readAsDataURL(input.files[0]);
            }
        }

        jQuery('.truck_document_upload').on('submit', function (e) {
            e.preventDefault();
            var this_form = jQuery(this);
            jQuery.ajax({
                url: this_form.attr('action'),
                type: 'POST',
                data: this_form.serialize(),
                beforeSend: function () {
                    startSpinner();
                },
                success: function (html) {

                }, complete: function () {
                    stopSpinner()
                }
            });
        });
    </script>
@stop