@extends('layouts.admin')

@section('title', 'Purchase Orders')

@section('breadcrumb-title', 'Purchase Orders')

@section('breadcrumb-item')
    <li class="breadcrumb-item active">Purchase Orders</li>
@endsection

@section('styles')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <link href="https://unpkg.com/gijgo@1.9.13/css/gijgo.min.css" rel="stylesheet" type="text/css" />
@endsection

@section('content')
    <form action="{{ route('admin.purchase-orders-search') }}" method="POST">
        @csrf
        <div class="row">
            <div class="col-3">
                <div class="form-group">
                    <label>Vendors</label>
                    <select class="form-control js-example-theme-multiple" name="vendor_ids[]" multiple>
                        @foreach(_vendors() as $vendor)
                            <option value="{{ $vendor->id }}"
                                {{ isset($vendor_ids) && in_array($vendor->id, $vendor_ids) ? 'selected' : '' }}>
                                {{ $vendor->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-3">
                <div class="form-group">
                    <label>Companies</label>
                    <select class="form-control js-example-theme-multiple" name="company_names[]" multiple>
                        @foreach(_companies() as $company_name)
                            <option value="{{ $company_name }}"
                                {{ isset($company_names) && in_array($company_name, $company_names) ? 'selected' : '' }}>
                                {{ $company_name }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-3">
                        <div class="form-group">
                            <label>Products</label>
                            <select class="form-control js-example-theme-multiple" name="product_ids[]" multiple>
                                @foreach(_products() as $product)
                                    <option value="{{ $product->id }}"
                                        {{ isset($product_ids) && in_array($product->id, $product_ids) ? 'selected' : '' }}>
                                        {{ $product->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
            <div class="col-2">
                <div class="form-group">
                    <label>Status</label>
                    <select class="form-control" name="order_status">
                        <option value="-1">All</option>
                        @foreach($statuses as $key => $value)
                            <option value="{{ $key }}"
                                {{ isset($order_status) ? $order_status == $value ? 'selected' : '' : '' }}>
                                {{ $value }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-2">
                <div class="form-group">
                    <label>Start Date</label>
                    <input id="datepicker1" name="start_date" value="{{ request()->start_date ?? date('Y-m-d') }}" />
                </div>
            </div>
            <div class="col-2">
                <div class="form-group">
                    <label>End Date</label>
                    <input id="datepicker2" name="end_date" value="{{ request()->end_date ?? date('Y-m-d') }}" />
                </div>
            </div>
        </div>
        <br />
        <div class="row mt-4">
            <div class="col-md-12 text-center">
                <button type="submit" class="btn btn-sm btn-success col-md-3 search-btn" onclick="saveSelections()">
                    Search
                </button>
            </div>
        </div>
    </form>
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class="pull-left">Purchase Orders List</h5>

                        <div class=" pull-right">
                            <a href="{{ route('admin.purchase_orders.create') }}" class="btn btn-primary btn-sm px-2" title=""><i
                                        class="fa fa-plus"></i> Add New</a>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">Purchase Id</th>
                                    <th scope="col">Date</th>
                                    <th scope="col">Vendor</th>
                                    <th scope="col">company</th>
                                    <th scope="col">Invoice Number</th>
                                    <th scope="col">Amount</th>
                                    <th scope="col">Balance</th>
                                    <th scope="col">Total CP</th>
                                    <th scope="col">Status</th>
                                    <th scope="col">Actions</th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse($purchase_orders as $key => $purchase_order)
                                    <tr>
                                        <td>{{ $purchase_orders->firstItem() + $key }}</td>
                                        <th scope="row">{{ $purchase_order->id }}</th>
                                        <td>{{ $purchase_order->date }}</td>
                                        <td>{{ $purchase_order->supplier->name ?? '' }}</td>
                                        <td>{{ $purchase_order->supplier->company_name ?? ''}}</td>
                                        <td>{{ $purchase_order->order_number }}</td>
                                        <td>{{ $purchase_order->total }}</td>
                                        <td>{{ $purchase_order->balance }}</td>
                                        <td>{{ $purchase_order->cost_price  }}</td>
                                        <td>{{ $purchase_order->status_name }}</td>
                                        <td>
                                            <a href="{{ route('admin.purchase_orders.show', ['purchase_order' => $purchase_order->id]) }}"
                                               class="btn btn-primary btn-sm px-2" title=""><i class="fa fa-eye"></i>
                                            </a>
                                            @if($purchase_order->received)
                                                <a href="{{ route('admin.purchase_orders.invoice', ['purchase_order' => $purchase_order->id]) }}"
                                                   class="btn btn-info btn-sm px-2" title=""><i
                                                            class="fa fa-file-text"></i>
                                                </a>
                                            @else
                                                <a href="{{ route('admin.purchase_orders.edit', ['purchase_order' => $purchase_order->id]) }}"
                                                   class="btn btn-info btn-sm px-2" title=""><i
                                                            class="fa fa-pencil"></i>
                                                </a>
                                            @endif
                                            <button data-toggle="modal"
                                                    data-target="#confirm_purchase_order_{{$purchase_order->id}}"
                                                    class="btn btn-danger btn-sm px-2" title=""><i
                                                        class="fa fa-trash"></i>
                                            </button>
                                            @include('includes.modals.confirmation', ['model' => 'purchase_order', 'route' => route('admin.purchase_orders.delete', ['purchase_order' => $purchase_order->id])])
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="10" class="text-center">{{ config('constants.no_record') }}</td>
                                    </tr>
                                @endforelse
                                </tbody>
                            </table>
                            <br>
                            {{ $purchase_orders->links() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script src="https://unpkg.com/gijgo@1.9.13/js/gijgo.min.js" type="text/javascript"></script>

    <script>
        $(document).ready(function() {
            $('.js-example-theme-multiple').select2({
                theme: 'classic',
            });

            $('#datepicker1').datepicker({
                format: 'yyyy-mm-dd',
                uiLibrary: 'bootstrap4',
            });

            $('#datepicker2').datepicker({
                format: 'yyyy-mm-dd',
                uiLibrary: 'bootstrap4',
            });
        });
    </script>
@endsection