@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">
                                                            {{--<button class="btn btn-primary" type="submit">CREATE VENDOR</button>--}}

                                                            <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
                            {{--@if($vehicle->getCurrentTrailer())--}}
                                {{--@foreach($documents as $document)--}}
                                    {{--<tr>--}}
                                        {{--<td>{{$vehicle->getCurrentTrailer()->registration_number}} {{$document->name}}</td>--}}
                                        {{--<td><a href="#"></a>--}}
                                        {{--</td>--}}
                                        {{--<td class="center">--}}
                                            {{--<a class="btn" onclick="modelShow('addDocument_{{$document->id}}')">--}}
                                                {{--<span class="icon-edit"></span> Upload--}}
                                            {{--</a>--}}
                                            {{--<a class="btn" onclick="modelShow('viewDocument_{{$document->id}}')">--}}
                                                {{--<span class="icon-edit"></span> View--}}
                                            {{--</a>--}}
                                        {{--</td>--}}

                                        {{--model for adding new vehicle/truck--}}
                                        {{--<div aria-hidden="false" aria-labelledby="myModalLabel"--}}
                                             {{--role="dialog"--}}
                                             {{--tabindex="-1" class="modal hide fade in"--}}
                                             {{--id="addDocument_{{$document->id}}">--}}
                                            {{--<div class="modal-header">--}}
                                                {{--<button type="button" class="close" data-dismiss="modal"--}}
                                                        {{--aria-hidden="true">×--}}
                                                {{--</button>--}}
                                                {{--<h3 id="myModalLabel">Upload New Documents</h3>--}}
                                            {{--</div>--}}
                                            {{--<div class="modal-body">--}}
                                                {{--<div class="col-lg-12 text-center">--}}
                                                    {{--<div class="mediamgr_head">--}}
                                                        {{--{!! Form::open(array('route' => 'trailer.document.upload', 'method' => 'POST', 'id' => 'my-dropzone', 'files' => true)) !!}--}}
                                                        {{--<input type="hidden" name="trailer_id"--}}
                                                               {{--value="{{$vehicle->trailer_id}}">--}}
                                                        {{--<input type="hidden" name="document_id"--}}
                                                               {{--value="{{$document->id}}">--}}
                                                        {{--<input type="hidden" name="registration_id"--}}
                                                               {{--value="{{$vehicle->getCurrentTrailer()->registration_number}}">--}}
                                                        {{--<ul class="mediamgr_menu">--}}
                                                            {{--<li class=" newfilebtn">--}}
                                                                {{--<input type="file" name="file" class="document_upload"--}}
                                                                       {{--required>--}}
                                                            {{--</li>--}}
                                                            {{--<li class=" newfilebtn">--}}
                                                                {{--<input type="submit"--}}
                                                                       {{--class="btn btn-default margin-t-5"--}}
                                                                       {{--value="Upload Document"--}}
                                                                       {{--id="upload-submit">--}}
                                                            {{--</li>--}}
                                                        {{--</ul>--}}
                                                        {{--{!! Form::close() !!}--}}
                                                        {{--<span class="clearall"></span>--}}
                                                    {{--</div><!--mediamgr_head-->--}}
                                                {{--</div><!--mediamgr_left -->--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                        {{--<!--#myModal-->--}}

                                        {{--model for adding new vehicle/truck--}}
                                        {{--<div aria-hidden="false" aria-labelledby="myModalLabel"--}}
                                             {{--role="dialog"--}}
                                             {{--tabindex="-1" 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>--}}
                                            {{--<div class="modal-body">--}}


                                                {{--<div class="col-lg-12 text-center">--}}
                                                {{--<div class="mediamgr_head">--}}
                                                {{--<div class="mediamgr_content">--}}
                                                {{--<ul class="listfile">--}}
                                                {{--<li>--}}
                                                {{--<a href="" data-rel="image">--}}
                                                {{--{!! HTML::image(env('TRUCK_DOCUMENTS').$document->vehicle->document_path,--}}
                                                {{--$document->name,--}}
                                                {{--array('class'=>'img-polaroid'))  !!}</a>--}}
                                                {{--<span class="filename">Image1.jpg</span>--}}
                                                {{--</li>--}}
                                                {{--</ul>--}}
                                                {{--</div>--}}
                                                {{--<span class="clearall"></span>--}}
                                                {{--</div><!--mediamgr_head-->--}}
                                                {{--</div><!--mediamgr_left -->--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                        {{--<!--#myModal-->--}}
                                    {{--</tr>--}}
                                {{--@endforeach--}}
                            {{--@endif--}}
                            </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(),
//                success: function (html) {
//
//                }
//            });
//        });
    </script>
@stop