@extends('layouts.backend')


@section('content')
    <section class="privatePanel Loads">
        <div class="container">
            <div class="row">
                <div class="col-lg-2 menu">
                    <div class="col-lg-12 menuContent">
                        <ul>
                            <a href="/Private/Reports">
                                <li>Reports</li>
                            </a>
                            <a href="/Private/Documents">
                                <li>Documents</li>
                            </a>
                            <a href="/Private/Customers">
                                <li>Customers</li>
                            </a>
                            <a class="active" href="/Private/Jobs">
                                <li>Jobs</li>
                            </a>
                            <a href="/Private/Employees">
                                <li>Employees</li>
                            </a>
                            <a href="/Private/Services">
                                <li>Services</li>
                            </a>
                            <a href="/Private/Invoices">
                                <span class="unread_items invoicesItems @if($getThis->getFinancialUnreadInvoices()==0) hide @endif">{{$getThis->getFinancialUnreadInvoices()}}</span>
                                <li>Invoices</li>
                            </a>
                            <a href="/Private/Messages">
                                <li>Messages</li>
                            </a>
                            <a href="/Private/Settings">
                                <li>Settings</li>
                            </a>
                            <a href="/Private/Logout">
                                <li>Logout</li>
                            </a>
                        </ul>
                    </div>
                </div>

                <div class="col-lg-10 content">
                    <h2 class="title">Jobs</h2>

                    <div class="row col-lg-12 actions">
                        <div class="col-lg-10"></div>

                    </div>

                    <div class="row col-lg-12 adminSearchJobs">
                        
                        <div class="col-lg-3">
                            <label>Search</label>
                            <input type="text" class="form-control" name="reference" @if (isset($_GET['ref'])) value="{{$_GET['ref']}}" @endif> 
                            @if(isset($_GET['ref']))
                                <a href="/Private/Jobs" class="cancelFilters">Cancel filters</a>
                            @endif
                        </div>
                        
                        <div class="col-lg-3">
                            <label>&nbsp;</label>
                            <button class="btn btn-success">Search</button>
                        </div>
                        <div class="col-lg-3"></div>
                        <div class="col-lg-3">
                            <label>Change Date</label>
                            <input type="text" class="form-control selectedAdminJobDate" 
                            @if (isset($_GET['date'])) value="{{date('d M Y',strtotime($_GET['date']))}}" @else
                            value="{{date('d M Y')}}"
                            @endif/>
                            @if(isset($_GET['date']))
                            <a href="/Private/Jobs" class="cancelFilters">Cancel date filter</a>
                        @endif
                        </div>                        
                    </div>


                    <div class="row thead">
                        <div class="col-lg-1">#</div>
                        <div class="col-lg-2">Reference</div>
                        <div class="col-lg-2">LRN</div>
                        <div class="col-lg-2">Type of Entry</div>
                        <div class="col-lg-1">GMR</div>
                        <div class="col-lg-2">Status</div>
                        <div class="col-lg-1"></div>
                        <div class="col-lg-1"></div>
                    </div>
                    @foreach ($loads as $no => $load)
                        <div class="tbody load{{$load->id}} @if($loop->iteration % 2 == 0) even @else odd @endif">
                            <div class="col-lg-12 row">
                                <div class="col-lg-1">{{ $no + 1 }}</div>
                                <div class="col-lg-2"><a class="reference"
                                        href="/Private/viewLoad/{{ $load->id }}">#{{ $load->reference }}
                                    </a>
                                </div>
                                <div class="col-lg-2">{{ $load->lrn }}</div>
                                <div class="col-lg-2">{{ $load->getTypeOfEntry->type }}</div>
                                <div class="col-lg-1">{{ $load->gmr == '0' ? 'No' : 'Yes' }}</div>
                                <div class="col-lg-2">{{ $load->getStatus->status }}</div>

                                <div class="col-lg-1"><a href="/Private/viewLoad/{{ $load->id }}" class="btn btn-primary viewBtn">view</a></div>
                                <div class="col-lg-1">
                                    <button class="btn btn-danger deleteJob deleteBtn" id="{{$load->id}}">delete</button>
                                </div>
                            </div>
                            <div class="col-lg-12 row JobRowDetails">
                                <div class="col-lg-12">
                                <div>by: <b>{{ $load->getUser->name }}</b> (Company: <a href="/Private/CustomerView/{{ $load->getCustomer->id }}" target="_blank">{{ $load->getCustomer->legal_name }}</a>) on {{date('d M Y H:i',strtotime($load->created_at))}}</div>
                          
                                </div>
                            </div>
                        </div>
                    @endforeach

{{$loads->links('vendor.pagination.default')}}

                </div>
            </div>
        </div>

    </section>
@endsection