@extends('layouts.app')

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

@section('content')
<div class="container-fluid">
    <!-- Action Bar -->
    <div class="row mb-3">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <a href="javascript:history.back()" class="btn btn-outline-secondary">
                    <i class="fas fa-arrow-left mr-2"></i>Back
                </a>
                <div class="btn-group">
                    <button class="btn btn-info" onclick="window.print()">
                        <i class="fas fa-print mr-2"></i>Print
                    </button>
                    <a href="{{ route('reseller.purchase-invoices.download', $bill->id) }}" class="btn btn-success" target="_blank">
                        <i class="fas fa-file-pdf mr-2"></i>Download PDF
                    </a>
                    <a href="{{ route('reseller.purchase-invoices.edit', $bill->id) }}" class="btn btn-warning">
                        <i class="fas fa-edit mr-2"></i>Edit
                    </a>
                    <button class="btn btn-danger" onclick="deleteBill({{ $bill->id }})">
                        <i class="fas fa-trash mr-2"></i>Delete
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- Invoice Layout -->
    <div class="row justify-content-center">
        <div class="col-12 col-lg-10">
            <div class="invoice-container">
                <!-- Invoice Header -->
                <div class="invoice-header">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="company-info">
                                <h2 class="company-name">Your Company Name</h2>
                                <p class="company-details">
                                    123 Business Street<br>
                                    City, State 12345<br>
                                    Phone: (123) 456-7890<br>
                                    Email: info@yourcompany.com
                                </p>
                            </div>
                        </div>
                        <div class="col-md-6 text-right">
                            <div class="invoice-title">
                                <h1 class="invoice-title-text">PURCHASE INVOICE</h1>
                                <div class="invoice-number">
                                    <strong>Invoice #: {{ $bill->bill_no }}</strong>
                                </div>
                                <div class="invoice-date">
                                    Date: {{ $bill->bill_date->format('F d, Y') }}
                                </div>
                                <div class="invoice-month">
                                    Month: {{ $bill->bill_month }}
                                </div>
                                @if($bill->provider_invoice)
                                <div class="provider-invoice">
                                    Provider Invoice: {{ $bill->provider_invoice }}
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Invoice Body -->
                <div class="invoice-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="bill-to-section">
                                <h4 class="section-title">Bill To:</h4>
                                <div class="bill-to-info">
                                    <strong>{{ $bill->provider->name }}</strong><br>
                                    @if($bill->contact_person)
                                        Contact: {{ $bill->contact_person }}<br>
                                    @endif
                                    @if($bill->provider->contact_email)
                                        Email: {{ $bill->provider->contact_email }}<br>
                                    @endif
                                    @if($bill->provider->contact_phone)
                                        Phone: {{ $bill->provider->contact_phone }}<br>
                                    @endif
                                    @if($bill->provider->address)
                                        {{ $bill->provider->address }}
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="payment-info-section">
                                <h4 class="section-title">Payment Information:</h4>
                                <div class="payment-info">
                                    <div class="payment-status">
                                        Status: <span class="badge badge-{{ $bill->status === 'paid' ? 'success' : ($bill->status === 'partial' ? 'warning' : 'danger') }}">
                                            {{ ucfirst($bill->status) }}
                                        </span>
                                    </div>
                                    @if($bill->payment_due)
                                    <div class="due-date">
                                        Due Date: {{ $bill->payment_due->format('F d, Y') }}
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Invoice Items Table -->
                <div class="invoice-items">
                    <h4 class="section-title">Invoice Details:</h4>
                    <div class="table-responsive">
                        <table class="table table-bordered invoice-table">
                            <thead>
                                <tr>
                                    <th>Description</th>
                                    <th class="text-center">Qty</th>
                                    <th class="text-center">Rate</th>
                                    <th class="text-center">VAT%</th>
                                    <th class="text-center">Total VAT</th>
                                    <th class="text-center">Amount</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if($bill->items && $bill->items->count() > 0)
                                    @foreach($bill->items as $item)
                                    <tr>
                                        <td>
                                            <strong>{{ $item->item_name ?: 'Bandwidth Service' }}</strong>
                                            @if($item->description)
                                            <br><small class="text-muted">{{ $item->description }}</small>
                                            @endif
                                            @if($item->from_date && $item->to_date)
                                            <br><small class="text-muted">Period: {{ \Carbon\Carbon::parse($item->from_date)->format('M d, Y') }} - {{ \Carbon\Carbon::parse($item->to_date)->format('M d, Y') }}</small>
                                            @endif
                                        </td>
                                        <td class="text-center">{{ $item->quantity }}</td>
                                        <td class="text-center">BDT {{ number_format($item->rate, 2) }}</td>
                                        <td class="text-center">{{ $item->vat_percentage ?? 0 }}%</td>
                                        <td class="text-center">BDT {{ number_format($item->total_vat ?? 0, 2) }}</td>
                                        <td class="text-right"><strong>BDT {{ number_format($item->total_amount, 2) }}</strong></td>
                                    </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td>
                                            <strong>Bandwidth Services</strong><br>
                                            <small class="text-muted">Monthly bandwidth charges for {{ $bill->bill_month }}</small>
                                            @if($bill->notes)
                                            <br><small class="text-muted">{{ $bill->notes }}</small>
                                            @endif
                                        </td>
                                        <td class="text-center">-</td>
                                        <td class="text-center">-</td>
                                        <td class="text-center">-</td>
                                        <td class="text-center">-</td>
                                        <td class="text-right">
                                            <strong>BDT {{ number_format($bill->bill_amount, 2) }}</strong>
                                        </td>
                                    </tr>
                                @endif
                                
                                @if($bill->discount_amount > 0)
                                <tr>
                                    <td colspan="5" class="text-right">
                                        <strong>Discount</strong>
                                        @if($bill->discount_type)
                                        <br><small class="text-muted">({{ ucfirst($bill->discount_type) }}: {{ $bill->discount_value }}{{ $bill->discount_type === 'percentage' ? '%' : 'BDT' }})</small>
                                        @endif
                                    </td>
                                    <td class="text-right text-danger">
                                        <strong>-BDT {{ number_format($bill->discount_amount, 2) }}</strong>
                                    </td>
                                </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>

                <!-- Invoice Summary -->
                <div class="invoice-summary">
                    <div class="row">
                        <div class="col-md-8">
                            <div class="payment-notes">
                                @if($bill->notes)
                                <h5>Notes:</h5>
                                <p>{{ $bill->notes }}</p>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="summary-table">
                                <table class="table table-sm">
                                    <tr>
                                        <td><strong>Subtotal:</strong></td>
                                        <td class="text-right"><strong>BDT {{ number_format($bill->bill_amount, 2) }}</strong></td>
                                    </tr>
                                    @if($bill->discount_amount > 0)
                                    <tr>
                                        <td>Discount:</td>
                                        <td class="text-right text-danger">-BDT {{ number_format($bill->discount_amount, 2) }}</td>
                                    </tr>
                                    @endif
                                    <tr class="table-active">
                                        <td><strong>Total Amount:</strong></td>
                                        <td class="text-right"><strong>BDT {{ number_format($bill->subtotal_after_discount ?: $bill->bill_amount, 2) }}</strong></td>
                                    </tr>
                                    <tr>
                                        <td>Paid Amount:</td>
                                        <td class="text-right text-success">BDT {{ number_format($bill->paid_amount, 2) }}</td>
                                    </tr>
                                    <tr class="table-warning">
                                        <td><strong>Due Amount:</strong></td>
                                        <td class="text-right"><strong>BDT {{ number_format($bill->due_amount, 2) }}</strong></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Invoice Footer -->
                <div class="invoice-footer">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="terms-conditions">
                                <h6>Terms & Conditions:</h6>
                                <p class="small">
                                    Payment is due within 30 days of invoice date.<br>
                                    Late payments may incur additional charges.
                                </p>
                            </div>
                        </div>
                        <div class="col-md-6 text-right">
                            <div class="invoice-signature">
                                <p class="small">
                                    Generated on: {{ now()->format('F d, Y') }}<br>
                                    Invoice ID: {{ $bill->id }}
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    </div>
</div>

<!-- Edit Bill Modal -->
<div class="modal fade" id="editBillModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Edit Purchase Bill #{{ $bill->bill_no }}</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <form action="{{ route('reseller.purchase-invoices.update', $bill->id) }}" method="POST">
                @csrf
                @method('PUT')
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="provider_id" class="form-label">Provider *</label>
                            <select class="form-control" id="provider_id" name="provider_id" required>
                                <option value="">Select Provider</option>
                                @foreach($providers as $provider)
                                    <option value="{{ $provider->id }}" {{ $bill->provider_id == $provider->id ? 'selected' : '' }}>
                                        {{ $provider->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="contact_person" class="form-label">Contact Person</label>
                            <input type="text" class="form-control" id="contact_person" name="contact_person" 
                                   value="{{ $bill->contact_person }}">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="bill_no" class="form-label">Bill No *</label>
                            <input type="text" class="form-control" id="bill_no" name="bill_no" 
                                   value="{{ $bill->bill_no }}" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="provider_invoice" class="form-label">Provider Invoice</label>
                            <input type="text" class="form-control" id="provider_invoice" name="provider_invoice" 
                                   value="{{ $bill->provider_invoice }}">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="bill_month" class="form-label">Bill Month *</label>
                            <input type="text" class="form-control" id="bill_month" name="bill_month" 
                                   value="{{ $bill->bill_month }}" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="bill_date" class="form-label">Bill Date *</label>
                            <input type="date" class="form-control" id="bill_date" name="bill_date" 
                                   value="{{ $bill->bill_date->format('Y-m-d') }}" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="bill_amount" class="form-label">Bill Amount *</label>
                            <input type="number" class="form-control" id="bill_amount" name="bill_amount" 
                                   step="0.01" min="0" value="{{ $bill->bill_amount }}" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="paid_amount" class="form-label">Paid Amount</label>
                            <input type="number" class="form-control" id="paid_amount" name="paid_amount" 
                                   step="0.01" min="0" value="{{ $bill->paid_amount }}">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="discount_amount" class="form-label">Discount Amount</label>
                            <input type="number" class="form-control" id="discount_amount" name="discount_amount" 
                                   step="0.01" min="0" value="{{ $bill->discount_amount }}">
                        </div>
                        <div class="col-md-12 mb-3">
                            <label for="notes" class="form-label">Notes</label>
                            <textarea class="form-control" id="notes" name="notes" rows="3">{{ $bill->notes }}</textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-warning">Update Bill</button>
                </div>
            </form>
        </div>
    </div>
</div>

<style>
/* Invoice Layout Styles */
.invoice-container {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 40px;
    margin: 20px 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.invoice-header {
    border-bottom: 3px solid #007bff;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.company-name {
    color: #007bff;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 15px;
}

.company-details {
    color: #666;
    line-height: 1.6;
    margin-bottom: 0;
}

.invoice-title-text {
    color: #333;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.invoice-number {
    font-size: 18px;
    color: #007bff;
    margin-bottom: 10px;
}

.invoice-date,
.invoice-month,
.provider-invoice {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
}

.invoice-body {
    margin-bottom: 30px;
}

.section-title {
    color: #007bff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.bill-to-info {
    color: #333;
    line-height: 1.6;
}

.payment-info {
    color: #333;
    line-height: 1.6;
}

.payment-status {
    margin-bottom: 10px;
}

.due-date {
    font-weight: bold;
}

.invoice-items {
    margin-bottom: 30px;
}

.invoice-table {
    margin-bottom: 0;
}

.invoice-table thead th {
    background-color: #f8f9fa;
    border-bottom: 2px solid #007bff;
    color: #333;
    font-weight: bold;
    padding: 15px;
}

.invoice-table tbody td {
    padding: 15px;
    vertical-align: top;
}

.invoice-summary {
    border-top: 2px solid #e0e0e0;
    padding-top: 20px;
    margin-bottom: 30px;
}

.summary-table {
    background-color: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
}

.summary-table td {
    padding: 8px 0;
    border: none;
}

.summary-table .table-active {
    background-color: #e3f2fd;
}

.summary-table .table-warning {
    background-color: #fff3cd;
}

.invoice-footer {
    border-top: 1px solid #e0e0e0;
    padding-top: 20px;
    color: #666;
}

.terms-conditions h6 {
    color: #007bff;
    font-weight: bold;
    margin-bottom: 10px;
}

.payment-notes h5 {
    color: #007bff;
    font-weight: bold;
    margin-bottom: 10px;
}

.invoice-signature {
    color: #999;
}

/* Print Styles */
@media print {
    .invoice-container {
        box-shadow: none;
        border: none;
        margin: 0;
        padding: 20px;
    }
    
    .btn-group {
        display: none !important;
    }
    
    .btn-outline-secondary {
        display: none !important;
    }
    
    body {
        background: white !important;
    }
    
    .container-fluid {
        padding: 0 !important;
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .invoice-container {
        padding: 20px;
        margin: 10px 0;
    }
    
    .company-name {
        font-size: 24px;
    }
    
    .invoice-title-text {
        font-size: 24px;
    }
    
    .invoice-header .text-right {
        text-align: left !important;
        margin-top: 20px;
    }
}

/* Badge Styles */
.badge {
    font-size: 12px;
    padding: 6px 12px;
}

.badge-success {
    background-color: #28a745;
}

.badge-warning {
    background-color: #ffc107;
    color: #212529;
}

.badge-danger {
    background-color: #dc3545;
}
</style>

<script>
function deleteBill(id) {
    if (confirm('Are you sure you want to delete this purchase bill?')) {
        const form = document.createElement('form');
        form.method = 'POST';
        form.action = '{{ route("reseller.purchase-invoices.destroy", ":id") }}'.replace(':id', id);
        
        const csrfToken = document.createElement('input');
        csrfToken.type = 'hidden';
        csrfToken.name = '_token';
        csrfToken.value = '{{ csrf_token() }}';
        form.appendChild(csrfToken);
        
        const methodField = document.createElement('input');
        methodField.type = 'hidden';
        methodField.name = '_method';
        methodField.value = 'DELETE';
        form.appendChild(methodField);
        
        document.body.appendChild(form);
        form.submit();
    }
}
</script>

@endsection