You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
4.4 KiB
PHTML
92 lines
4.4 KiB
PHTML
@extends('layouts.app')
|
|
|
|
@section('header')
|
|
<div class="container-fluid bg-light pt-3">
|
|
|
|
<!-- Customer company name row -->
|
|
<div class="row justify-content-center pb-2">
|
|
<div class="col-3"></div>
|
|
<div class="col">
|
|
{{-- <h2>Overview</h2>--}}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Tabs row -->
|
|
<div class="row justify-content-center mb-3">
|
|
<div class="col-3 border-bottom"></div>
|
|
<div class="col-6 p-0">
|
|
|
|
<ul class="nav nav-fill nav-tabs" id="home-tabs" role="tablist">
|
|
<li class="nav-item" role="presentation">
|
|
<a class="nav-link link-dark {{$tab == 'all' ? 'active' : ''}}" id="all-tab"
|
|
href="{{route('orders.index', ['tab' => 'all'])}}" type="button" role="tab"
|
|
aria-controls="all" aria-selected="{{$tab == 'all' ? 'true' : 'false'}}">
|
|
<x-bi-journals/>
|
|
All Orders
|
|
</a>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<a class="nav-link link-dark {{$tab == 'active_orders' ? 'active' : ''}}" id="active-orders-tab"
|
|
href="{{route('orders.index', ['tab' => 'active_orders'])}}" type="button" role="tab"
|
|
aria-controls="active_orders"
|
|
aria-selected="{{$tab == 'active_orders' ? 'true' : 'false'}}">
|
|
<x-bi-arrow-clockwise/>
|
|
Active Orders
|
|
</a>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<a class="nav-link link-dark {{$tab == 'finished_orders' ? 'active' : ''}}"
|
|
id="finished-orders-tab"
|
|
href="{{route('orders.index', ['tab' => 'finished_orders'])}}" type="button" role="tab"
|
|
aria-controls="finished_orders"
|
|
aria-selected="{{$tab == 'finished_orders' ? 'true' : 'false'}}">
|
|
<x-bi-check-all/>
|
|
Finished Orders
|
|
</a>
|
|
</li>
|
|
|
|
<li class="nav-item" role="presentation">
|
|
<a class="nav-link link-dark {{$tab == 'invoice' ? 'active' : ''}}" id="invoice-tab"
|
|
href="{{route('orders.index', ['tab' => 'invoice'])}}" type="button" role="tab"
|
|
aria-controls="invoice" aria-selected="{{$tab == 'invoice' ? 'true' : 'false'}}">
|
|
<x-bi-envelope/>
|
|
Invoiced Orders
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col border-bottom"></div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@section('content')
|
|
<div class="container">
|
|
<div class="row justify-content-center my-3">
|
|
<div class="tab-content">
|
|
|
|
<div class="tab-pane {{$tab == 'active_orders' ? 'active' : ''}}" id="active_orders" role="tabpanel"
|
|
aria-labelledby="active-orders-tab">
|
|
<livewire:orders-table order-type="active" :show-customer-column='true' :title="'Active Orders'"/>
|
|
</div>
|
|
|
|
<div class="tab-pane {{$tab == 'finished_orders' ? 'active' : ''}}" id="finished-orders" role="tabpanel"
|
|
aria-labelledby="finished-orders-tab">
|
|
<livewire:orders-table order-type="finished" :show-customer-column='true' title="Finished Orders"/>
|
|
</div>
|
|
|
|
<div class="tab-pane {{$tab == 'all' ? 'active' : ''}}" id="all-orders" role="tabpanel"
|
|
aria-labelledby="all-orders-tab">
|
|
<livewire:orders-table order-type="all" :show-customer-column='true' title="All Orders"/>
|
|
</div>
|
|
|
|
<div class="tab-pane {{$tab == 'invoice' ? 'active' : ''}}" id="invoice-orders" role="tabpanel"
|
|
aria-labelledby="invoice-orders-tab">
|
|
<livewire:orders-table order-type="invoiced" :show-customer-column='true' title="Invoiced Orders"/>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|