@extends('vehicles.trailers.includes.profile_main')
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('trailers.index')}}">Trailers</a> <span class="divider">/</span></li>
        <li class="active">Documents</li>
    </ul>
@stop
@section('profile_contentinner')
    <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' => 'trailer.document.upload', 'method' => 'POST', 'id' => 'my-dropzone', 'files' => true)) !!}
                                <input type="hidden" name="trailer_id"
                                       value="{{$trailer->id}}">
                                <input type="hidden" name="document_id"
                                       value="{{$document->id}}">
                                <input type="hidden" name="registration_id"
                                       value="{{$trailer->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($trailer->id,'App\Model\Trailer')))
                                        <img
                                                src="/{{env('TRAILER_DOCUMENTS')}}{{$document->getVehicleDocument($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
        </tbody>
    </table>
@stop