@extends('layouts.backend')


@section('content')
    <section class="privatePanel Services">
        <div class="container">
            <div class="row">
                <div class="col-lg-2 menu">
                    <div class="col-lg-12 menuContent">
                        <ul>
                            <a href="/Private/ReadyLoads">
                                <span class="unread_items readyloadsItems @if($getThis->getUnreadReadyLoads()==0) hide @endif">{{$getThis->getUnreadReadyLoads()}}</span>
                                <li>To Invoice</li>
                            </a>
                            <a href="/Private/InvoicedLoads">
                                <li>Jobs Invoiced</li>
                            </a>
                            <a href="/Private/CompletedLoads">
                                <li>Completed Loads</li>
                            </a>
                            <a href="/Private/RejectedLoads">
                                <li>Voided Jobs</li>
                            </a>
                            <a class="active" 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/Customers">
                                <li>Customers</li>
                            </a>   
                            <a href="/Private/Messages">
                                <span class="unread_items messagesItems @if($getThis->getFinancialUnreadMessages()==0) hide @endif">{{$getThis->getFinancialUnreadMessages()}}</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">Services</h2>

                    <div class="row col-lg-12 actions">
                        <div class="col-lg-10"></div>
                        <div class="col-lg-2 btnArea">
                            <a href="/Private/addService" class="btn btn-warning">Add new Service</a>
                        </div>

                    </div>

                    <div class="row thead">
                        <div class="col-lg-1">#</div>
                        <div class="col-lg-2">Code</div>
                        <div class="col-lg-3">Description</div>
                        <div class="col-lg-2">VAT</div>
                        <div class="col-lg-2">Price</div>
                        <div class="col-lg-1"></div>
                        <div class="col-lg-1"></div>
                    </div>
                    @foreach ($services as $no => $service)
                        <div class="row tbody service{{ $service->id }}">
                            <div class="col-lg-1">{{ $no + 1 }}</div>
                            <div class="col-lg-2"><input type="text" name="code" value="{{ $service->code }}"
                                    class="form-control" /></div>
                            <div class="col-lg-3"><input type="text" name="description"
                                    value="{{ $service->description }}" class="form-control" /></div>
                            <div class="col-lg-2">
                                <select name="vat" class="form-control">
                                    <option value="0">-</option>
                                    <option value="1" @if ($service->tva == '1') selected="selected" @endif>
                                        Included</option>
                                    <option value="2" @if ($service->tva == '2') selected="selected" @endif>
                                        Excluded</option>
                                    <option value="3" @if ($service->tva == '3') selected="selected" @endif>No
                                        VAT</option>
                                </select>
                            </div>
                            <div class="col-lg-2"><input type="number" name="price" class="form-control"
                                    value="{{ $service->price }}" /></div>
                            <div class="col-lg-1"><i class="fa-solid fa-edit saveService editItem"
                                    id="{{ $service->id }}"></i>
                            </div>
                            <div class="col-lg-1"><i class="fa-solid fa-trash deleteService deleteItem"
                                    id="{{ $service->id }}"></i>
                            </div>
                        </div>
                    @endforeach



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

    </section>
@endsection