@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/NewLoads">
                            <span class="unread_items newloadsItems @if($getThis->getUnreadInfoLoads()==0) hide @endif">{{$getThis->getUnreadInfoLoads()}}</span>
                                <li>New Loads</li>
                            </a>
                            <a href="/Private/ReadyLoads">
                                <li>Ready Loads</li>
                            </a>
                            <a href="/Private/CompletedLoads">
                                <li>Completed Loads</li>
                            </a>
                            <a href="/Private/RejectedLoads">
                                <li>Rejected Loads</li>
                            </a>
                            <a class="active" href="/Private/Customers">
                                <li>Customers</li>
                            </a>
                            <a href="/Private/Messages">
                                <span class="unread_items messagesItems @if($getThis->getImportUnreadMessages()==0) hide @endif">{{$getThis->getImportUnreadMessages()}}</span>

                                <li>Messages</li>
                            </a>
                            <a href="/Private/Logout">
                                <li>Logout</li>
                            </a>
                        </ul>
                    </div>
                </div>

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

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

                    </div>


                    <div class="row thead">
                        <div class="col-lg-1">#</div>
                        <div class="col-lg-3">Customer</div>
                        <div class="col-lg-3">Contact</div>
                        <div class="col-lg-2">Status</div>
                        <div class="col-lg-2"></div>
                    </div>

                    @php
                        $i = 0;
                    @endphp
                    @foreach ($customers as $customer)
                        @php $i++ @endphp
                        <div class="row tbody">
                            <div class="col-lg-1">{{ $i }}</div>
                            <div class="col-lg-3 customer">
                                <div><span class="user_id">User ID: #{{ $customer->id }}</span></div>
                                <div><a href="/Private/CustomerView/{{ $customer->id }}">{{ $customer->name }}</a></div>
                                <div><b>Company</b> {{ $customer->legal_name }}</div>
                            </div>
                            <div class="col-lg-3 contact">
                                <div>{{ $customer->email }}</div>
                                <div>{{ $customer->phone_number }}</div>
                            </div>
                            <div class="col-lg-2">New customer</div>
                            <div class="col-lg-2 centered">
                                <a href="/Private/CustomerView/{{ $customer->id }}"  class="btn btn-primary viewBtn" id="{{ $customer->id }}">view</a>
                            </div>
                        </div>
                    @endforeach


                    {{ $customers->links() }}

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

    </section>
@endsection