@extends('layouts.app')
@push('css')
    @include('components.dataTable-style-links')
    <style>
        .approve-btn {
            background: transparent;
            color: #0f6674;
        }
        .reject-btn {
            background: transparent;
            color: #a94442;
        }

        .table.dataTable .edit-btn {
            border: 1px solid #ffc107 !important;
            padding: 0 4px !important;
        }
    </style>
@endpush
@section('content')
    <div class="content-wrapper">
        <div class="page-header">
            <h3 class="page-title">
                        <span class="page-title-icon bg-gradient-primary text-white me-2">
                            <i class="mdi mdi-cards-variant menu-icon"></i>
                        </span> {{ __('Purchases') }}
            </h3>
            <div class="d-flex gap-3">
                <a href="{{route('dashboard.operations.purchases.create')}}" type="button"
                   class="btn btn-primary">{{ __('Add Invoice') }}
                </a>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="mb-3">
                    <label>{{__("Owner Status")}}</label>
                    <select id="invoice_owner_status" class="form-control w-100">
                        <option value="">{{__("All")}}</option>
                        @foreach(\App\Enums\InvoiceOwnerStatusEnum::cases() as $item)
                            <option value="{{$item->value}}">{{__(ucfirst($item->value))}}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="col-md-6">
                <div class="mb-3">
                    <label>{{__("Invoice Type")}}</label>
                    <select id="invoice_type" class="form-control w-100">
                        <option value="">{{__("All")}}</option>
                        @foreach (\App\Enums\InvoiceTypeShortcutEnum::cases() as $item)
                            <option value="{{$item->value}}">{{__(ucfirst($item->value))}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>

        @include('dashboard.operations.purchases.table')
    </div>
    @include('dashboard.operations.purchases.add-modal')
    @include('dashboard.operations.purchases.edit-modal')
@endsection

@section('scripts')
    @include('components.dataTable-script-links')
    <script src="{{asset('/assets/js/pages/operations/index.js')}}"></script>
@endsection