@extends('includes.main')

@section('main-container')
    <div class="card">
        <div class="card-body">
            <h4 class="card-title">Expenses</h4>
            @if (session()->has('type'))
                <div class=" mt-5 alert alert-{{ session()->get('type') }}" role="alert">
                    <p>{{ session()->get('message') }}</p>
                </div>
            @endif
            {{-- Supply form --}}
            <div class="card mb-4">
                <div class="card-body">
                    <h5 class="mb-4">Add New Supply</h5>
                    <form method="POST" id="frm-supply" action="{{ route('supply.store') }}">
                        @csrf
                        <div class="form-row">
                            <div class="form-group col-md-4">
                                <label>Company</label>
                                <select class="form-control select2-single select2-hidden-accessible" name="company_id"
                                    id="company-select2" data-width="100%" required>
                                    <option value="0">Choose</option>
                                    @foreach ($companies as $company)
                                        <option value="{{ $company->id }}">{{ $company->company_name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="form-group col-md-4">
                                <label>Vehicle</label>
                                <select class="form-control select2-single select2-hidden-accessible"
                                    name="supply_vehicle_id" id="vehicle-select2" data-width="100%" required>
                                    <option value="0">Choose</option>
                                    @foreach ($vehicles as $vehicle)
                                        <option value="{{ $vehicle->id }}">{{ $vehicle->vehicle_number }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="form-group col-md-4">
                                <label>Date</label>
                                <input type="date" name="date" class="form-control" id="date">
                                {{-- <input class="form-control datepicker" name="date" id="date" placeholder="Date"> --}}
                            </div>
                        </div>

                        @foreach ($products as $product)
                            <input type="hidden" name="purchase_price[]" value="{{ $product->purchase_price }}">
                            <input type="hidden" name="pid[]" value="{{ $product->product_id }}">
                            <div class="form-row" id="{{ $product->id }}">
                                <div class="form-group col-md-2">
                                    <label for="">Product</label>
                                    <input type="text" class="form-control" disabled value="{{ $product->title }}">
                                    <input type="hidden" class="form-control" name="product_id[]"
                                        value="{{ $product->id }}">
                                </div>

                                <div class="form-group col-md-2">
                                    <label for="quantity-{{ $product->id }}">Quantity</label>
                                    <input type="number" class="form-control quantity" name="quantity[]"
                                        id="quantity-{{ $product->id }}">
                                </div>

                                <div class="form-group col-md-2">
                                    <label for="price-{{ $product->id }}">Purchase Price</label>
                                    <input type="text" class="form-control price" name="product_price[]"
                                        value="{{ $product->purchase_price }}" id="price-{{ $product->id }}" readonly>
                                </div>

                                <div class="form-group col-md-4">
                                    <label for="total-{{ $product->id }}">Total</label>
                                    <input type="text" class="form-control total" name="total[]" value="0"
                                        id="total-{{ $product->id }}" readonly>
                                </div>
                                @php
                                    $className = $product->product_id > 2 ? 'readonly' : '';
                                @endphp
                                <div class="form-group col-md-2">
                                    <label>Supply For</label>
                                    <select class="form-control" name="supply_for[]" data-width="100%" {{ $className }}>
                                        <option value="normal">Normal</option>
                                        <option value="dry">Dry Stock</option>
                                    </select>
                                </div>
                            </div>
                        @endforeach

                        <div class="form-row">
                            <div class="form-group col-md-8"></div>
                            <div class="form-group col-md-4">
                                <label for="total-amount">Total Amount</label>
                                <input type="text" class="form-control" name="total_amount" id="total-amount" readonly>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="form-group col-md-6"></div>
                            <div class="form-group col-md-2">
                                <label for="paid-amount">Paid Amount</label>
                                <input type="text" class="form-control" name="paid_amount" id="paid-amount">
                            </div>

                            <div class="form-group col-md-4">
                                <label for="sub-total">Sub Total</label>
                                <input type="text" class="form-control" name="sub_total" id="sub-total" readonly>
                            </div>
                        </div>
                        <a id="btn-submit" class="btn btn-primary mt-3 text-white">Add Stock</a>
                    </form>
                </div>
            </div>

            {{-- Table form --}}
            <div class="row mb-4">
                <div class="col-lg-12 col-md-12 mb-4">
                    <div class="card">
                        @if (session()->has('type'))
                            <div class="alert alert-{{ session()->get('type') }}" role="alert">
                                <p>{{ session()->get('message') }}</p>
                            </div>
                        @endif
                        @if ($errors->any())
                            <div class="alert alert-danger" role="alert">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <div class="table-responsive">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>Company</th>
                                        <th>Vehicle</th>
                                        <th>Total Amount</th>
                                        <th>Date</th>
                                        <th scope="col">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <form id="editable-form" class="editable-form">
                                        <input type="hidden" id="x-editable-supply-route"
                                            value="{{ route('x.editable') }}">
                                        @forelse ($supplies as $supply)
                                            <tr class="item-row-{{ $supply->supply_id }}">
                                                <th>
                                                    <a href="#" data-type="select"
                                                        data-pk="{{ $supply->supply_id }}" data-value=""
                                                        data-table="supplies" data-column="company_id"
                                                        data-title="Select Company" data-source={{ $companiesJsonArray }}
                                                        class="editable editable-click x-edit-input"
                                                        data-abc="true">{{ $supply->company_name }}
                                                    </a>
                                                </th>
                                                <td>
                                                    <a href="#" data-type="select"
                                                        data-pk="{{ $supply->transection_id }}" data-value=""
                                                        data-table="supplies" data-column="supply_vehicle_id"
                                                        data-title="Select Vehicle"
                                                        data-source="{{ $vehiclesJsonArray }}"
                                                        class="editable editable-click x-edit-input"
                                                        data-abc="true">{{ $supply->vehicle_number }}
                                                    </a>
                                                </td>
                                                <td>{{ $supply->total_amount }}</td>
                                                <td>{{ $supply->supply_date }}</td>
                                                <td>
                                                    <div class="btn-group" role="group" aria-label="Basic example">
                                                        {!! btnDelete('supply.destroy', 'supply', $supply->supply_id) !!}
                                                        <a href="{{ route('supply.show', $supply->supply_id) }}"><i
                                                                class='mdi mdi-eye'></i></a>
                                                    </div>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="4" align="center">
                                                    No record found.
                                                </td>
                                            </tr>
                                        @endforelse
                                    </form>
                                </tbody>
                            </table>
                            <div class="col-12">
                                <nav class="mt-4 mb-3">
                                    <ul class="pagination justify-content-center mb-0">
                                        {!! $supplies->links() !!}
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



@endsection