@extends('layouts.master')
@section('css')
    <style>
        .details {
            font-size: 15px;
        }

        .bg-color {
            background-color: #e9edfa;
            margin: auto;
            padding: 1em 0 0.1em 0;
            border-radius: 6px;
            margin-bottom: 10px;
        }
    </style>
@endsection
@section('title')
    Purchase
@endsection
@section('content')
    <div class="card">
        <div class="card-header">
            <div class="col-lg-12 d-flex align-items-center">
                <h4 class="card-title mb-0 flex-grow-1">PURCHASE DETAILS</h4>
                <div>
                    <a href="/admin/purchase-wise-cost-allocation/{{ $accountingVoucher->id }}"
                        class="btn btn-soft-primary waves-effect waves-light">Cost Allocation</a>
                    <button type="button" class="btn btn-soft-primary" data-bs-toggle="modal"
                        data-bs-target="#barcodePrintModal">
                        Barcode Print
                    </button>

                    <a type="button" class="btn btn-soft-primary waves-effect waves-light" href="/admin/purchase"><i
                            class="las la-angle-double-left"></i> Go Back</a>
                </div>
            </div>
        </div>

        @if (Session::has('success'))
            <div class="alert alert-success alert-dismissible alert-label-icon label-arrow fade show" role="alert">
                <i class="ri-notification-line label-icon"></i><strong>Success</strong> -
                {{ Session::get('success') }}
            </div>
        @endif
        @if (Session::has('error'))
            <div class="alert alert-danger alert-dismissible alert-label-icon label-arrow fade show" role="alert">
                <i class="ri-notification-line label-icon"></i><strong>Error</strong> -
                {{ Session::get('error') }}
            </div>
        @endif
        <div class="card-body">
            <div class="row">
                <div class="col-lg-4 text-center">
                    <div class="bg-color">
                        <h5 class="text-primary">VOUCHER TYPE</h5>
                        <p class="details">{{ $accountingVoucher->voucherType->name }}</p>
                    </div>
                </div>
                <div class="col-lg-4 text-center">
                    <div class="bg-color">
                        <h5 class="text-primary">VOUCHER NUMBER</h5>
                        <p class="details">{{ $accountingVoucher->voucher_number }}</p>
                    </div>
                </div>
                <div class="col-lg-4 text-center">
                    <div class="bg-color">
                        <h5 class="text-primary">VOUCHER DATE</h5>
                        <p class="details">{{ \Carbon\Carbon::parse($accountingVoucher->voucher_date)->format('d M Y') }}
                        </p>
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-lg-4 text-center">
                    <div class="bg-color">
                        <h5 class="text-primary">PURCHASE LEDGER (Dr)</h5>
                        <p class="details">{{ $accountingVoucher->debitLedger->name ?? '---' }}</p>
                    </div>
                </div>
                <div class="col-lg-4 text-center">
                    <div class="bg-color">
                        <h5 class="text-primary">PARTY (Cr)</h5>
                        <p class="details">{{ $accountingVoucher->creditLedger->name ?? '---' }}</p>
                    </div>
                </div>
                <div class="col-lg-4 text-center">
                    <div class="bg-color">
                        <h5 class="text-primary">TAX TYPE</h5>
                        @if ($igst)
                            <p class="details">Interstate(IGST)</p>
                        @else
                            <p class="details">Intrastate</p>
                        @endif
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-lg-4 text-center">
                    <div class="bg-color">
                        <h5 class="text-primary">STOCK LOCATION</h5>
                        <p class="details">{{ $accountingVoucher->stockLocation->name ?? '--' }}</p>
                    </div>
                </div>
                <div class="col-lg-4 text-center">
                    <div class="bg-color">
                        <h5 class="text-primary">Supplier Invoice No</h5>
                        <p class="details">{{ $accountingVoucher->supplier_invoice_no ?? '--' }}</p>
                    </div>
                </div>
                <div class="col-lg-4 text-center">
                    <div class="bg-color">
                        <h5 class="text-primary">Supplier Invoice Date</h5>
                        <p class="details">{{ $accountingVoucher->supplier_invoice_date ?? '--' }}</p>
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-lg-4 text-center">
                    <div class="bg-color">
                        <h5 class="text-primary">REMARKS</h5>
                        <p class="details">{{ $accountingVoucher->remarks ?? '--' }}</p>
                    </div>
                </div>
                @if ($accountingVoucher->getFirstMediaUrl('image'))
                    <div class="col-lg-4 text-center">
                        <div class="bg-color">
                            <h5 class="text-primary"></h5>
                            <p><a class="text-primary " href="{{ $accountingVoucher->getFirstMediaUrl('image') }}"
                                    target="_blank">View File</a></p>
                        </div>
                    </div>
                @endif
                <div class="col-lg-4 text-center">
                    <br>
                    <br>
                </div>
            </div>

        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <div class="col-lg-12">
                <h4 class="card-title mb-0 flex-grow-1">ITEMS</h4>
            </div>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <td>#</td>
                            <th>Item</th>
                            <th>Internal <br> Barcode</th>
                            <th>MRP</th>
                            <th>Qty</th>
                            <th>Unit</th>
                            <th>Price</th>
                            <th>Gross Value</th>
                            <th>Dis %</th>
                            @if (Auth::user()->company_profile->landing_cost_purchase)
                                <th>Landing Cost Inc Gst</th>
                            @endif
                            <th>Taxable Value</th>
                            <th>CGST</th>
                            <th>SGST</th>
                            <th>IGST</th>
                            <th>CESS</th>
                            <th>Total</th>
                            <th>Missing Qty</th>
                            <th>Cost Allocation</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($accountingVoucherItems as $item)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $item->stockItem->name }}@if ($item->variant_id != null)
                                        <br>
                                        ({{ $item->variant->name }})
                                    @endif
                                    @if (Auth::user()->company_profile->use_serial == 1)
                                        <br>
                                        <button type="button" class="btn btn-sm btn-primary serial-modal"
                                            data-id="{{ $item->id }}">Serials</button>
                                    @endif
                                </td>
                                <td>{{ $item->stockItem->internal_barcode ?? '--' }}</td>
                                <td>{{ $item->stockItem->getMrp($accountingVoucher->voucher_date) }}</td>
                                <td>{{ $item->quantity }}</td>
                                <td>{{ $item->unit->symbol }}</td>
                                <td>{{ $item->price }}</td>
                                <td>{{ $item->gross_value }}</td>
                                <td>{{ $item->disc_percentage }}</td>
                                @if (Auth::user()->company_profile->landing_cost_purchase)
                                    <td>{{ $item->landing_cost_inc_gst }}</td>
                                @endif
                                <td>{{ $item->taxable_value }}</td>
                                <td>{{ $item->cgst }}</td>
                                <td>{{ $item->sgst }}</td>
                                <td>{{ $item->igst }}</td>
                                <td>{{ $item->cess }}</td>
                                <td>{{ $item->total }}</td>
                                <td><button class="btn btn-sm btn-primary enter-missing-qty" data-id="{{ $item->id }}"
                                        data-missing-qty="{{ $item->missing_qty }}">
                                        <span><i class="las la-exclamation"></i></span>
                                    </button>
                                    @if ($item->missing_qty > 0)
                                        <br> <span class="text-danger">{{ $item->missing_qty }}</span>
                                    @endif
                                </td>
                                @if(Auth::user()->company_profile->item_cost_allocation == 1)
                                    <td><a href="/admin/item-cost-allocation/{{ $item->id }}" class="btn btn-sm btn-primary cost-allocation" >Cost Allocation</a></td>
                                @endif
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card-footer">
            <div class="row" style="display: flex;justify-content: center;">
                <div class="col-lg-2 text-center">
                    <div class="bg-color">
                        <h5 class="text-primary">TCS</h5>
                        <p class="details">{{ $accountingVoucher->tcs }}</p>
                    </div>
                </div>
                <div class="col-lg-2 text-center">
                    <div class="bg-color">
                        <h5 class="text-primary">DISCOUNT</h5>
                        <p class="details">{{ $accountingVoucher->discount ?? '0.00' }}</p>
                    </div>
                </div>
                <div class="col-lg-2 text-center">
                    <div class="bg-color">
                        <h5 class="text-primary">Freight/Etc</h5>
                        <p class="details">{{ $accountingVoucher->freight ?? '0.00' }}</p>
                    </div>
                </div>
                <div class="col-lg-2 text-center">
                    <div class="bg-color">
                        <h5 class="text-primary">ROUND OFF</h5>
                        <p class="details">{{ $accountingVoucher->round_off }}</p>
                    </div>
                </div>
                <div class="col-lg-2 text-center">
                    <div class="bg-color">
                        <h5 class="text-primary">GRAND TOTAL</h5>
                        <p class="details">{{ $accountingVoucher->amount }}</p>
                    </div>
                </div>
            </div>
            @php
                $grouped = $accountingVoucher
                    ->items()
                    ->join('stock_items', 'stock_items.id', '=', 'accounting_voucher_items.stock_item_id')
                    ->select(
                        'accounting_voucher_items.gst_per',
                        DB::raw('SUM(accounting_voucher_items.taxable_value) as taxable_value'),
                        DB::raw('SUM(accounting_voucher_items.cgst) as cgst'),
                        DB::raw('SUM(accounting_voucher_items.sgst) as sgst'),
                        DB::raw('SUM(accounting_voucher_items.igst) as igst'),
                    )
                    ->groupBy('accounting_voucher_items.gst_per')
                    ->get();

            @endphp
            <table class="table table-bordered w-50">
                <tr>
                    <th>Tax Rate</th>
                    <th>CGST</th>
                    <th>SGST</th>
                    <th>IGST</th>
                    <th>Total Tax</th>
                </tr>
                @foreach ($grouped as $item)
                    <tr>
                        <td>{{ $item->gst_per }}%</td>
                        <td>{{ $item->cgst }}</td>
                        <td>{{ $item->sgst }}</td>
                        <td>{{ $item->igst }}</td>
                        <td>{{ $item->cgst + $item->sgst + $item->igst }}</td>
                    </tr>
                @endforeach
            </table>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <div class="col-lg-12">
                <h4 class="card-title mb-0 flex-grow-1">Associated Ledger Accounts</h4>
            </div>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table id="datatable" class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th>Account Name</th>
                            <th>Amount</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($accountingVoucher->accountingVoucherDetails as $accountingVoucherDetail)
                            <tr>
                                <td>{{ $accountingVoucherDetail->ledger->name }}</td>
                                <td>{{ $accountingVoucherDetail->amount }} {{ $accountingVoucherDetail->dr_or_cr }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    {{-- barcode Print Modal --}}
    <div class="modal fade" id="barcodePrintModal" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Print</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <form action="{{ route('purchase-barcode-print') }}" method="POST" class="tablelist-form"
                    autocomplete="off">
                    @csrf
                    <input type="hidden" name="selectedItem" id="barcodeselectedItem"
                        value="{{ $accountingVoucher->id }}">
                    <div class="modal-body">
                        <h5 class="modal-title">Are You Sure Want to Print ?</h5>
                        <div class="row">
                            <label for="print_type">Select Print Type</label>
                            <select class="form-select" name="print_type" id="print_type">
                                <option value="fancy_print">Jewellery Print</option> {{-- Fancy Tag Print --}}
                                <option value="jewellery_print">Mrp Print</option> {{-- Jewellery Tag Print --}}
                            </select>
                            <label for="">From</label>
                            <input type="number" class="form-control" name="from" id="">
                            <label for="">To</label>
                            <input type="number" class="form-control" name="to" id="">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="hstack gap-2 justify-content-end">
                            <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary">Print</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- serial List --}}
    <div class="modal fade" id="serialModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Item Serials</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <form action="/admin/purchase-item-serial-import" method="POST" class="tablelist-form"
                    autocomplete="off" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="avItemId" id="serialItemId">
                    <div class="modal-body">
                        <div id="serialList"></div>
                        <div class="form-group mb-3">
                            <label for="formFile" class="form-label">Import File</label>
                            <input class="form-control" required name="file" type="file" id="formFile"
                                accept=".xlsx">
                            <small class="text-muted">Please upload a valid .xlsx file.</small>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="hstack gap-2 justify-content-end">
                            <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary">Import</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- missing qty --}}
    <div class="modal fade" id="missing-qty-modal" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Add/Update Missing Qty</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <form action="{{ route('update-purchase-missing-qty') }}" method="POST" class="tablelist-form"
                    autocomplete="off">
                    @csrf
                    <input type="hidden" name="id" id="id">
                    <div class="modal-body">
                        <div class="row">
                            <label for="quantity">Quantity</label>
                            <input type="number" class="form-control" name="missing_qty" id="quantity">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="hstack gap-2 justify-content-end">
                            <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary">Save</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    <script>
        $(document).on('click', '.enter-missing-qty', function() {
            var id = $(this).data('id');
            $('#missing-qty-modal #id').val(id);
            $('#missing-qty-modal #quantity').val($(this).data('missing-qty'));
            $('#missing-qty-modal').modal('show');
        })

        $(document).on('click', '.serial-modal', function() {
            var id = $(this).data('id');
            $.ajax({
                type: "POST",
                url: "/admin/get-av-item-serials",
                data: {
                    '_token': "{{ csrf_token() }}",
                    'avItemId': id
                },
                success: function(response) {
                    $('#serialList').html(response.html);
                }
            });
            $('#serialModal #serialItemId').val(id);
            $('#serialModal').modal('show');
        })
    </script>
@endsection