@push('styles')
    <style>
        div#table-1_wrapper {
            max-width: 1000px;
            min-width: 1500px;
        }

        .theme-white .page-item.active .page-link {
            color: #274e75;
            background-color: #3abaf4;
            border-color: #3abaf4;
        }

        li.paginate_button.page-item.active {
            background-color: transparent !important;
        }

        .w-50 {
            width: 80% !important;
        }
    </style>
@endpush
<div class="card">
    <div class="card-header">
        <div class="col-md-12">
            @if (auth()->user()->role->name == 'staff'  || auth()->user()->role->name == 'companyStaff')
                @if (auth()->user()->is_add == 1)
                    <a href="{{ route('purchase.create') }}" class="btn btn-info btn-lg">Add Purchase Form</a>
                @else
                @endif
            @else
                <a href="{{ route('purchase.create') }}" class="btn btn-info btn-lg">Add Purchase Form</a>
            @endif
            <button type="button" wire:click="exportpurchases" class="btn btn-primary text-light float-right">
                <i class="fa fa-download" aria-hidden="true"></i> Export
            </button>
        </div>
    </div>
    @if (session()->has('message'))
        @php
            $message = json_decode(session()->get('message'));
        @endphp
        <div class="alert alert-{{ $message->type }} alert-dismissible fade show" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            <strong>{{ $message->title }}</strong> {{ $message->message }}
        </div>
    @endif
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-striped dataTable no-footer purchase_table">
                <div class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer">

                    <div class="row">
                        <div class="col-sm-12 col-md-4">
                            <div class="dataTables_length">
                                <label>By Supplier:</label>
                                <select class="form-control w-50" wire:model="bySupplier">
                                    <option value="">Select Supplier</option>
                                    @forelse($filters as $purchase)
                                        <option value="{{ $purchase->supplier_id }}">
                                            {{ $purchase->supplier ? $purchase->supplier->name : 'Not Define' }}
                                        </option>
                                    @empty
                                        <option value="">No Supplier</option>
                                    @endforelse
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-4">
                            <div class="dataTables_length">
                                <label>By Date:</label>
                                <select class="form-control w-50" wire:model="byDate">
                                    <option value="">Select Date</option>
                                    @forelse($filters as $purchase)
                                        <option value="{{ date('Y-m-d', strtotime($purchase->purchase_date)) }}">
                                            {{ date('Y-m-d', strtotime($purchase->purchase_date)) }}</option>
                                    @empty
                                        <option value="">No Date</option>
                                    @endforelse
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-4">
                            <div class="dataTables_length">
                                <label>By Model:</label>
                                <select class="form-control w-50" wire:model.lazy="byModel">
                                    <option value="">Select Model</option>
                                    @forelse($imeiList as $key => $imei)
                                        <option value="{{ $imei }}">
                                            {{ $imei }}</option>
                                    @empty
                                        <option value="">No Model</option>
                                    @endforelse
                                </select>
                            </div>
                        </div>
                    </div>
                    <br />
                    <div class="row">
                        <div class="col-sm-12 col-md-6">
                            <div class="dataTables_length">
                                <label>Show
                                    <select class="form-control form-control-sm" wire:model="sortNo">
                                        <option value="10">10</option>
                                        <option value="25">25</option>
                                        <option value="50">50</option>
                                        <option value="100">100</option>
                                    </select> entries
                                </label>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-6">
                            <div class="dataTables_filter">
                                <label>Search:
                                    <input type="text" wire:model='search' class="form-control form-control-sm"
                                        placeholder="Seaching" />
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <thead>
                    <tr>
                        <th>
                            <input type="checkbox" wire:model='selected' />
                        </th>
                        <th wire:click='sortBy("purchase_date","{{ $sortDirection === 'ASC' ? 'DESC' : 'ASC' }}")'>
                            Date <i class="fa fa-fw fa-sort"></i></th>
                        <th>Supplier</th>
                        <th>Invoice no.</th>
                        {{-- <th >Purchase Invoice</th> --}}
                        <th
                            wire:click='sortBy("purchase_products_sum_quantity","{{ $sortDirection === 'ASC' ? 'DESC' : 'ASC' }}")'>
                            Quantity <i class="fa fa-fw fa-sort"></i></th>
                        <th>Price </th>
                        <th>Shipping & Insurance</th>
                        {{-- <th>Paid</th> --}}
                        <th>Total Price</th>
                        <th>Total Euro Price</th>
                        <th>Products</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($purchases as $purchase)
                        @php $tota_price = $purchase->purchase_products_total($purchase->id); @endphp
                        <tr>
                            <td>
                                <input type="checkbox" value="{{ $purchase->id }}"
                                    wire:model="selectedPurchases.{{ $purchase->id }}" />
                            </td>
                            <td>{{ date('d-m-Y', strtotime($purchase->purchase_date)) }}</td>
                            <td>{{ $purchase->supplier ? $purchase->supplier->name : 'Not Define' }}</td>
                            <td>{{ $purchase->purchase_invoice }}</td>
                            {{-- <td>{{ $purchase->purchase_invoice }}</td> --}}
                            <td>{{ $purchase->purchase_products_sum_quantity }}</td>
                            {{-- @dd(number_format($tota_price,2)) --}}
                            <td>{{ number_format($tota_price, 2) . ' ' . strtoupper($purchase->purchase_price_type) }}
                            </td>
                            <td>{{ $purchase->shipping ? $purchase->shipping->logistic_fee . ' ' . strtoupper($purchase->purchase_price_type) : 'Not Define' }}
                            </td>
                            {{-- <td>{{ $purchase->paid }}</td> --}}
                            <td>{{ $purchase->shipping ? number_format($tota_price + $purchase->shipping->logistic_fee, 2) . ' ' . strtoupper($purchase->purchase_price_type) : number_format($tota_price, 2) . ' ' . strtoupper($purchase->purchase_price_type) }}
                            </td>
                            <td> {{ number_format($purchase->payment()->sum('euro_equivalent_price'), 2) }}</td>

                            {{-- <td>{{ $purchase->notes }}</td> --}}
                            <td>
                                {{-- <a wire:click.prevent="$emit('ProductList', {{ $purchase->id }})" data-toggle="modal"
                                    data-target="#productModal" class="btn btn-info">
                                    <i class="fa fa-eye"></i>
                                </a> --}}
                                <a wire:click.prevent="$emit('ImeiLists', {{ $purchase->id }})" data-toggle="modal"
                                    data-target="#imeiModal" class="btn btn-info">
                                    <i class="fa fa-eye"></i>
                                </a>

                            </td>
                            @if (auth()->user()->role->name == 'staff'  || auth()->user()->role->name == 'companyStaff')
                                <td>
                                    @if (auth()->user()->is_edit == 1)
                                        @if ($purchase->checkImeiList() > 0)
                                            <a wire:click.prevent="$emit('uploadImei', {{ $purchase->id }})"
                                                data-toggle="modal" data-target="#imeiUploadModal" class="btn btn-info">
                                                <i class="fa fa-upload"></i>
                                            </a>
                                        @endif

                                        <a href="{{ asset('storage/' . $purchase->purchase_invoice_file) }}" download
                                            @class([
                                                'btn btn-info',
                                                'd-none' => !(
                                                    !empty($purchase->purchase_invoice_file) &&
                                                    file_exists(
                                                        storage_path('app/public/' . $purchase->purchase_invoice_file)
                                                    )
                                                ),
                                            ])>
                                            <i class="fa fa-download"></i>
                                        </a>
                                        <a href="{{ route('edit_purchase', ['id' => $purchase->id]) }}"
                                            class="btn btn-info">
                                            <i class="fa fa-edit"></i>
                                        </a>
                                    @else
                                    @endif
                                    @if (auth()->user()->is_delete == 1)
                                        <a href="#" onclick="showDelete('deletePurchase','{{ $purchase->id }}')"
                                            class="btn btn-info"><i class="fa fa-trash"></i></a>
                                    @else
                                    @endif
                                </td>
                            @else
                                <td>
                                    @if ($purchase->checkImeiList() > 0)
                                        <a wire:click.prevent="$emit('uploadImei', {{ $purchase->id }})"
                                            data-toggle="modal" data-target="#imeiUploadModal" class="btn btn-info">
                                            <i class="fa fa-upload"></i>
                                        </a>
                                    @endif

                                    <a href="{{ asset('storage/' . $purchase->purchase_invoice_file) }}" download
                                        @class([
                                            'btn btn-info',
                                            'd-none' => !(
                                                !empty($purchase->purchase_invoice_file) &&
                                                file_exists(
                                                    storage_path('app/public/' . $purchase->purchase_invoice_file)
                                                )
                                            ),
                                        ])>
                                        <i class="fa fa-download"></i>
                                    </a>
                                    <a href="{{ route('edit_purchase', ['id' => $purchase->id]) }}"
                                        class="btn btn-info">
                                        <i class="fa fa-edit"></i>
                                    </a>


                                    <a href="#" onclick="showDelete('deletePurchase','{{ $purchase->id }}')"
                                        class="btn btn-info"><i class="fa fa-trash"></i></a>
                                </td>
                            @endif
                        </tr>
                    @empty
                        <tr>
                            <td colspan="10" style="text-align:center">No Data!</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="row">
            <div class="col-md-6 text-light">
                Showing {{ $purchases->firstItem() }} to {{ $purchases->lastItem() }} of
                {{ $purchases->total() }} results
            </div>
            <div class="col-md-6">
                <div class="float-right">
                    {{ $purchases->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
@push('modals')
    @livewire('dashboard.purchase.product-list')
    @livewire('dashboard.imei-list')
    @livewire('dashboard.purchase.imei-upload')
@endpush

@push('scripts')
    <script>
        $(document).ready(function() {
            $('#manager').removeClass('active');
            $('#mycomapny').removeClass('active');
            $('#employee').removeClass('active');
            $('#purch').addClass('active');
            $('#prod').removeClass('active');
            $('#supp').removeClass('active');
            $('#client').removeClass('active');
            $('#ship').removeClass('active');
            $('#rma').removeClass('active');
            $('#sales').removeClass('active');

        });
    </script>
@endpush