@extends('layouts.main', ['title' => 'Transport Charges | LOGISTICS'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a><span class="divider">/</span></li>
        <li><a >Requisitions</a><span class="divider">/</span></li>
        <li class="active">Pending Documents</li>
    </ul>
@stop
@section('title')
    DOCUMENTS PENDING TO BE UPLOADED
@endsection
@section('msghead_menu')
    {{--<li class="right btn-group">--}}
    {{--<a class="btn" id="create_loading_order">--}}
    {{--<span class="iconsweets-create"></span> GENERATE REQUEST--}}
    {{--<span style="font-size: 10px;color: #51a7c6"> ( alt+g )</span>--}}
    {{--</a>--}}
    {{--</li>--}}
@endsection
@section('contentinner')


    <div class="row-fluid">
        <div class="span12">

                <form class="form-horizontal" id="mileage_new_requisition_form" role="form" method="POST"
      action="{{route('requisitions.fuel_requisitions.store')}}">

    <div class="modal-body">
       <div class="row-fluid" style="margin-top: 4px">
            <div class="span12">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <td style="width: 3%">S/N</td>
                        <td style="width: 97%">DOCUMENT NAME</td>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($documents as $index=>$document)
                        <tr>
                            <td>{{++$index}}</td>
                            <td>{{$document->document}}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>

    </div>
</form>
        </div>
    </div>
@endsection