@php
    $disabled = $errors->any() ? true : false;
@endphp

<div>
    @include('backend.pertials.alert')
    @include('backend.pertials.validation_error')
    <div class="card mb-4">
        <h5 class="card-header">Search</h5>
        <form class="card-body">
            <div class="row g-3">
                <div class="col-md-1">
                    <div class="form-group">
                        <label>Per Page</label>
                        <select class="custom-select">
                            <option value="10">10</option>
                            <option value="20">20</option>
                            <option value="50">50</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-5">
                    <label class="form-label" for="multicol-username">Search Anything</label>
                    <input type="text" class="form-control" wire:model.debounce.300ms='search'>
                </div>
                <div class="col-md-3">
                    <label class="form-label">Order By</label>
                    <select class="custom-select" wire:model='orderBy'>
                        <option value="id">Id</option>
                        <option value="name">Name</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label">Order formate</label>
                    <select class="custom-select" wire:model='orderByAsc'>
                        <option value="1">Accesding</option>
                        <option value="0">Decending</option>
                    </select>
                </div>
            </div>
        </form>
    </div>
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">{{ $page_title }}</h3>
        </div>

        <div class="card-body">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Technician Name</th>
                        <th>Device Name/Model</th>
                        <th>Buy Price</th>
                        <th>Sell Price</th>
                        <th>Quantity</th>
                        <th>Profit or Loss</th>
                        <th>Date</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($all_data as $key => $item)
                        <tr>
                            <td><strong>{{ $item->id }}</strong></td>
                            <td>{{ $item->assign_data->technician->name }}</td>
                            <td>{{ $item->assign_data->device->device_name }}</td>
                            <td>{{ $item->assign_data->device->buy_price }}</td>
                            <td>{{ $item->sell_price }}</td>
                            <td>{{ $item->quantity }}</td>
                            <td>{{ $item->profit_or_loss }} TK</td>
                            <td>{{ date_convertion($item->created_at) }}</td>
                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                <tr>
                    <th colspan="6">Totals</th>
                    <td>{{ $all_data->sum('profit_or_loss')  }} TK</td>
                </tr>
                </tfoot>
            </table>
        </div>

        <div class="card-footer clearfix">
            <ul class="pagination pagination-sm m-0 float-right">
                {{ $all_data->links() }}
            </ul>
        </div>
    </div>


</div>

@push('js')
@endpush