@extends('vehicles.profile.includes.main')
@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>
        <ul class="listfile">
            <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 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' => 'truck.document.upload', 'method' => 'POST', 'id' => 'my-dropzone', 'files' => true)) !!}
                                                    <input type="hidden" name="vehicle_id"
                                                           value="{{$vehicle->id}}">
                                                    <input type="hidden" name="document_id"
                                                           value="{{$document->id}}">
                                                    <input type="hidden" name="registration_id"
                                                           value="{{$vehicle->registration_number}}">
                                                    <ul class="mediamgr_menu">
                                                        <li class=" newfilebtn">
                                                            <input type="file" name="file" 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">
                                                    <strong>
                                                        @if(!empty($document->vehicle->document_path))
                                                            <img
                                                                    src="/uploads/documents/{{$document->vehicle->document_path}}"
                                                                    alt=""
                                                                    class="img-polaroid"/>
                                                        @endif
                                                    </strong>
                                                    <span class="clearall"></span>
                                                </div><!--mediamgr_head-->
                                            </div><!--mediamgr_left -->
                                        </div>
                                    </div>
                                    <!--#myModal-->
                                </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" 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">
                                                        <strong>
                                                            @if(!empty($document->getVehicleDocument($vehicle->trailer_id,'App\Model\Trailer')))
                                                                <img
                                                                        src="/{{env('TRAILER_DOCUMENTS')}}{{$document->getVehicleDocument($vehicle->trailer_id,'App\Model\Trailer')}}" alt=""
                                                                        class="img-polaroid"/>
                                                            @endif
                                                        </strong>
                                                        <span class="clearall"></span>
                                                    </div><!--mediamgr_head-->
                                                </div><!--mediamgr_left -->
                                            </div>
                                        </div>
                                        <!--#myModal-->
                                    </tr>
                                @endforeach
                            @endif
                            </tbody>
                        </table>
                    </div><!--#tabs-->
                </div><!--widgetcontent-->
            </div>
        </ul>
    </div><!--tab-pane-->
@stop