@extends('layouts.master')

@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0 text-dark text-weight-bold">Approve Purchase Order</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
                    <li class="breadcrumb-item"><a href="{!! route('purchase-orders.adminIndex') !!}">Admin Approval</a></li>
                    <li class="breadcrumb-item active">Review</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<div class="content">
    <div class="row">
        <div class="col-md-12">
            @include('flash::message')
            
            <div class="bg-white card-primary card-maroon">
                <div class="card-header">
                    <h3 class="card-title">{{ $po->request_number }} - Final Approval</h3>
                </div>
                
                <div class="card-body">
                    <div class="row mb-3">
                        <div class="col-md-2">
                            <strong>Request Type:</strong><br>{{ ucfirst($po->request_type) }}
                        </div>
                        <div class="col-md-3">
                            <strong>Quotation:</strong><br>
                            @if(isset($po->quotation_id) && $po->quotation_id)
                                @php
                                    $quotation = \App\Models\Quotation::find($po->quotation_id);
                                @endphp
                                {{ $quotation ? $quotation->name : '-' }}
                            @else
                                -
                            @endif
                        </div>
                        <div class="col-md-2">
                            <strong>Date:</strong><br>{{ $po->date->format('Y-m-d') ?? '-' }}
                        </div>
                        <div class="col-md-2">
                            <strong>Status:</strong><br>
                            <span class="badge badge-info">{{ $po->status }}</span>
                        </div>
                        <div class="col-md-2">
                            <strong>Dept Status:</strong><br>
                            <span class="badge badge-success">{{ $po->department_status }}</span>
                        </div>
                        <div class="col-md-1">
                            <strong>Total Amount:</strong><br>{{ number_format($po->total_amount, 2) }}
                        </div>
                    </div>

                    <hr>


                    @if($po->department_notes)
                        <div class="form-group mt-3">
                            <strong>Department Notes:</strong><br>
                            <p>{{ $po->department_notes }}</p>
                        </div>
                    @endif

                    <hr>

                    @if($po->lpout_name)
                        <h5>LPOUT Information (to be created)</h5>
                        <div class="table-responsive">
                            <table class="table table-bordered table-sm">
                                <tr>
                                    <td><strong>LPOUT Name:</strong></td>
                                    <td>{{ $po->lpout_name }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Vendor:</strong></td>
                                    <td>
                                        @if($po->lpout_vendor_id && $po->vendor)
                                            {{ $po->vendor->name }}
                                        @else
                                            -
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>TRN:</strong></td>
                                    <td>{{ $po->lpout_trn_no ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Kindly Attn:</strong></td>
                                    <td>{{ $po->lpout_kindly_attn ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Date:</strong></td>
                                    <td>{{ $po->lpout_date->format('Y-m-d') ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Payment Type:</strong></td>
                                    <td>{{ $po->lpout_payment_type ?? '-' }}</td>
                                </tr>
                                @if($po->lpout_payment_type === 'cheque')
                                    <tr>
                                        <td><strong>Cheque Date:</strong></td>
                                        <td>{{ $po->lpout_cheque_date ?? '-' }}</td>
                                    </tr>
                                @endif
                                <tr>
                                    <td><strong>VAT:</strong></td>
                                    <td>{{ $po->lpout_vat ?? 0 }}%</td>
                                </tr>
                                <tr>
                                    <td><strong>Payment Preference:</strong></td>
                                    <td>{{ $po->lpout_payment_preference_option ?? '-' }}</td>
                                </tr>
                                @if($po->lpout_payment_preference_option === 'custom')
                                    <tr>
                                        <td><strong>Payment Preference Details:</strong></td>
                                        <td>{{ $po->lpout_payment_preference ?? '-' }}</td>
                                    </tr>
                                @endif
                                @if($po->lpout_pdc_payment_option)
                                    <tr>
                                        <td><strong>PDC Payment Option:</strong></td>
                                        <td>{{ $po->lpout_pdc_payment_option ?? '-' }} ({{ $po->lpout_pdc_number_of_days ?? 0 }} days)</td>
                                    </tr>
                                @endif
                            </table>
                        </div>

                        @if($po->lpout_items && is_array($po->lpout_items))
                            <h6>LPOUT Items</h6>
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped table-sm">
                                    <thead class="bg-light">
                                        <tr>
                                            <th>NO</th>
                                            <th>DESCRIPTION</th>
                                            <th>UNIT</th>
                                            <th>QUANTITY</th>
                                            <th>UNIT PRICE (AED)</th>
                                            <th>TOTAL (AED)</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($po->lpout_items as $idx => $item)
                                            <tr>
                                                <td>{{ $idx + 1 }}</td>
                                                <td>{{ $item['description'] ?? '-' }}</td>
                                                <td>{{ $item['unit'] ?? '-' }}</td>
                                                <td>{{ $item['qty'] ?? '-' }}</td>
                                                <td>{{ number_format($item['unit_price'] ?? 0, 2) }}</td>
                                                <td>{{ number_format($item['total'] ?? 0, 2) }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                <!-- Totals Section -->
                            <div class="row mt-3">
                                <div class="col-sm-8 offset-sm-4">
                                    <table class="table table-borderless" id="totalsTable">
                                        <tr>
                                            <th style="width:70%">TOTAL AMOUNT (IN AED)</th>
                                            <td><strong id="totalAmount">0.00</strong></td>
                                        </tr>
                                        @if($po->lpout_vat)
                                            <tr>
                                                <th>VAT (5%) (IN AED)</th>
                                                <td><strong id="vatAmount">0.00</strong></td>
                                            </tr>
                                            <tr>
                                                <th>TOTAL SUM VALUE INCLUDING VAT (5%) (IN AED)</th>
                                                <td><strong id="totalWithVat">0.00</strong></td>
                                            </tr>
                                        @endif
                                    </table>
                                </div>
                            </div>
                            </div>

                            <script>
                                function calculateTotals() {
                                    const rows = document.querySelectorAll('table.table-bordered tbody tr');
                                    let total = 0;
                                    
                                    rows.forEach(row => {
                                        const totalCell = row.cells[5]; // TOTAL (AED) column
                                        if (totalCell) {
                                            const value = parseFloat(totalCell.textContent.replace(/,/g, '')) || 0;
                                            total += value;
                                        }
                                    });
                                    
                                    let vatAmount = 0;
                                    let totalWithVat = total;
                                    
                                    // Always use 5% VAT
                                    vatAmount = total * 0.05;
                                    totalWithVat = total + vatAmount;
                                    
                                    // Update display values
                                    document.getElementById('totalAmount').textContent = total.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
                                    
                                    if (document.getElementById('vatAmount')) {
                                        document.getElementById('vatAmount').textContent = vatAmount.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
                                    }
                                    
                                    if (document.getElementById('totalWithVat')) {
                                        document.getElementById('totalWithVat').textContent = totalWithVat.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
                                    }
                                }
                                
                                // Calculate on page load
                                document.addEventListener('DOMContentLoaded', calculateTotals);
                            </script>
                        @endif

                        @if($po->lpout_terms)
                            <div class="form-group mt-3">
                                <strong>Terms & Conditions:</strong><br>
                                <p>{!! $po->lpout_terms !!}</p>
                            </div>
                        @endif

                        <hr>
                    @endif

                    <h5><i class="fa fa-paperclip"></i> Attached Files</h5>
                    @php $files = $po->getMedia(); @endphp
                    @if($files->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-sm table-bordered">
                                <thead class="bg-light">
                                    <tr>
                                        <th>File Name</th>
                                        <th>Type</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($files as $file)
                                        <tr>
                                            <td><i class="fa fa-file"></i> {{ $file->name }}</td>
                                            <td><small class="text-muted">{{ strtoupper($file->mime_type) }}</small></td>
                                            <td>
                                                <a href="{{ url('storage/' . $file->id . '/' . $file->file_name) }}" target="_blank" class="btn btn-sm btn-outline-primary" title="View file">
                                                    <i class="fa fa-eye"></i> View
                                                </a>
                                                <a href="{{ url('storage/' . $file->id . '/' . $file->file_name) }}" download class="btn btn-sm btn-outline-primary" title="Download file">
                                                    <i class="fa fa-download"></i> Download
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <p class="text-muted"><small>No files attached to this Purchase Order.</small></p>
                    @endif

                    <hr>

                    <h5>Make Final Decision</h5>

                    @if($po->status === 'Pending Admin Approval')
                    <div class="row">
                        <div class="col-md-6">
                            <div class="bg-light p-3 rounded">
                                {!! Form::open(['route' => ['purchase-orders.adminApprove', $po->id], 'method' => 'POST']) !!}
                                <h6>Approve</h6>
                                <div class="form-group">
                                    {!! Form::label('notes', 'Approval Notes (Optional):') !!}
                                    {!! Form::textarea('notes', null, ['class' => 'form-control', 'rows' => 3]) !!}
                                </div>
                                {!! Form::submit('Approve', ['class' => 'btn btn-success btn-flat']) !!}
                                {!! Form::close() !!}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="bg-light p-3 rounded">
                                {!! Form::open(['route' => ['purchase-orders.adminReject', $po->id], 'method' => 'POST']) !!}
                                <h6>Reject</h6>
                                <div class="form-group">
                                    {!! Form::label('notes', 'Rejection Reason:') !!}
                                    {!! Form::textarea('notes', null, ['class' => 'form-control', 'rows' => 3, 'required' => true]) !!}
                                </div>
                                {!! Form::submit('Reject', ['class' => 'btn btn-danger btn-flat']) !!}
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                    @else
                    <div class="">
                        <strong>Decision Already Made:</strong> This Purchase Order has been <strong>{{ $po->status }}</strong> And Lpout has been created.
                        @if($po->admin_notes)
                            <br><strong>Notes:</strong> {{ $po->admin_notes }}
                        @endif
                    </div>
                    @endif

                    <div class="mt-3">
                        <a href="{!! route('purchase-orders.adminIndex') !!}" class="btn btn-secondary btn-flat">Back</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection