@extends('layouts.app')

@section('title', 'Delivery Challan Details')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-1">
                <li class="breadcrumb-item"><a href="{{ route('delivery-challans.index') }}">Delivery Challans</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $deliveryChallan->challan_number }}</li>
            </ol>
        </nav>
        <h2 class="h4 mb-0">{{ $deliveryChallan->challan_number }}</h2>
    </div>
    <div class="d-flex gap-2">
        @if($deliveryChallan->status == 'draft')
            <a href="{{ route('delivery-challans.edit', $deliveryChallan) }}" class="btn btn-outline-warning">
                <i class="fas fa-edit me-2"></i> Edit
            </a>
            <form action="{{ route('delivery-challans.convert-to-open', $deliveryChallan) }}" method="POST">
                @csrf
                <button type="submit" class="btn btn-primary"><i class="fas fa-envelope-open me-2"></i> Convert to Open</button>
            </form>
        @endif

        @if($deliveryChallan->status == 'open')
            <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#markDeliveredModal">
                <i class="fas fa-check-circle me-2"></i> Mark Delivered
            </button>
            <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#markReturnedModal">
                <i class="fas fa-undo me-2"></i> Mark Returned
            </button>
        @endif

        @if($deliveryChallan->status == 'delivered')
            <form action="{{ route('delivery-challans.convert-to-invoice', $deliveryChallan) }}" method="POST">
                @csrf
                <button type="submit" class="btn btn-primary"><i class="fas fa-file-invoice-dollar me-2"></i> Convert to Invoice</button>
            </form>
        @endif
    </div>
</div>

<div class="row">
    <div class="col-md-8">
        <div class="card stat-card border-0 mb-4 shadow-sm">
            <div class="card-body p-4">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <h5 class="card-title text-primary mb-0 fw-bold">Item Details</h5>
                    @php
                        $badgeClass = [
                            'draft' => 'bg-light-secondary text-secondary',
                            'open' => 'bg-light-info text-info',
                            'delivered' => 'bg-light-success text-success',
                            'returned' => 'bg-light-danger text-danger'
                        ][$deliveryChallan->status] ?? 'bg-light-secondary text-secondary';
                    @endphp
                    <span class="badge {{ $badgeClass }} px-3 py-2 text-uppercase" style="font-size: 0.75rem;">
                        {{ $deliveryChallan->status }}
                    </span>
                </div>
                <div class="table-responsive">
                    <table class="table align-middle">
                        <thead class="table-light text-muted small text-uppercase">
                            <tr>
                                <th>Item Name</th>
                                <th class="text-center">Ordered Qty</th>
                                <th class="text-center">Delivered Qty</th>
                                <th class="text-center">Returned Qty</th>
                                <th class="text-end">Rate</th>
                                <th class="text-end">Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($deliveryChallan->items as $item)
                                <tr>
                                    <td>{{ $item->item_name }}</td>
                                    <td class="text-center">{{ number_format($item->quantity, 2) }}</td>
                                    <td class="text-center text-success fw-bold">{{ number_format($item->delivered_quantity, 2) }}</td>
                                    <td class="text-center text-danger fw-bold">{{ number_format($item->returned_quantity, 2) }}</td>
                                    <td class="text-end">{{ formatCurrency($item->rate) }}</td>
                                    <td class="text-end fw-semibold">{{ formatCurrency($item->amount) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot class="border-top">
                            <tr>
                                <td colspan="5" class="text-end text-muted">Subtotal</td>
                                <td class="text-end">{{ formatCurrency($deliveryChallan->subtotal) }}</td>
                            </tr>
                            @if($deliveryChallan->tax_amount > 0)
                            <tr>
                                <td colspan="5" class="text-end text-muted">Tax</td>
                                <td class="text-end">{{ formatCurrency($deliveryChallan->tax_amount) }}</td>
                            </tr>
                            @endif
                            @if($deliveryChallan->discount > 0)
                            <tr>
                                <td colspan="5" class="text-end text-danger">Discount (-)</td>
                                <td class="text-end text-danger">- {{ formatCurrency($deliveryChallan->discount) }}</td>
                            </tr>
                            @endif
                            @if($deliveryChallan->adjustment != 0)
                            <tr>
                                <td colspan="5" class="text-end text-muted">Adjustment</td>
                                <td class="text-end">{{ formatCurrency($deliveryChallan->adjustment) }}</td>
                            </tr>
                            @endif
                            <tr class="fw-bold h5">
                                <td colspan="5" class="text-end border-top">Total</td>
                                <td class="text-end text-primary border-top">{{ formatCurrency($deliveryChallan->total_amount) }}</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>

        @if($deliveryChallan->terms_conditions)
        <div class="card stat-card border-0 shadow-sm">
            <div class="card-body p-4">
                <h6 class="fw-bold text-muted text-uppercase mb-3" style="font-size: 0.75rem; letter-spacing: 1px;">Terms & Conditions</h6>
                <p class="mb-0 small">{{ $deliveryChallan->terms_conditions }}</p>
            </div>
        </div>
        @endif
    </div>

    <div class="col-md-4">
        <div class="card stat-card border-0 mb-4 shadow-sm">
            <div class="card-body p-4">
                <h5 class="card-title text-primary mb-4 fw-bold">Customer Info</h5>
                <div class="d-flex align-items-center mb-4">
                    <div class="avatar-md bg-light-primary text-primary rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 50px; height: 50px; font-size: 1.25rem;">
                        <i class="fas fa-user"></i>
                    </div>
                    <div>
                        <h6 class="mb-1 fw-bold">{{ $deliveryChallan->customer->name }}</h6>
                        <p class="text-muted small mb-0">{{ $deliveryChallan->customer->email }}</p>
                    </div>
                </div>
                <hr class="my-3">
                <div class="small">
                    <div class="d-flex justify-content-between mb-2">
                        <span class="text-muted">Challan Date:</span>
                        <span class="fw-bold">{{ \Carbon\Carbon::parse($deliveryChallan->date)->format('d M Y') }}</span>
                    </div>
                    <div class="d-flex justify-content-between mb-2">
                        <span class="text-muted">Created At:</span>
                        <span class="fw-bold">{{ $deliveryChallan->created_at->format('d M Y H:i') }}</span>
                    </div>
                </div>
            </div>
        </div>

        @if($deliveryChallan->customer_notes)
        <div class="card stat-card border-0 bg-light-warning shadow-sm">
            <div class="card-body p-4">
                <h6 class="fw-bold text-warning text-uppercase mb-3" style="font-size: 0.75rem; letter-spacing: 1px;">Customer Notes</h6>
                <p class="mb-0 small italic" style="font-style: italic;">"{{ $deliveryChallan->customer_notes }}"</p>
            </div>
        </div>
        @endif
    </div>
</div>

<!-- Mark Delivered Modal -->
<div class="modal fade" id="markDeliveredModal" tabindex="-1">
    <div class="modal-dialog">
        <form action="{{ route('delivery-challans.mark-delivered', $deliveryChallan) }}" method="POST">
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Record Delivery</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <p class="small text-muted mb-4">Confirm quantity delivered for each item. Leave empty for full delivery.</p>
                    @foreach($deliveryChallan->items as $item)
                        <div class="mb-3">
                            <label class="form-label small fw-bold">{{ $item->item_name }} (Ordering {{ number_format($item->quantity, 2) }})</label>
                            <input type="number" name="items[{{ $item->id }}][quantity]" class="form-control" step="0.01" max="{{ $item->quantity - $item->delivered_quantity }}" placeholder="Enter quantity delivered">
                        </div>
                    @endforeach
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-success">Confirm Delivery</button>
                </div>
            </div>
        </form>
    </div>
</div>

<!-- Mark Returned Modal -->
<div class="modal fade" id="markReturnedModal" tabindex="-1">
    <div class="modal-dialog">
        <form action="{{ route('delivery-challans.mark-returned', $deliveryChallan) }}" method="POST">
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-danger">Record Return</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <p class="small text-muted mb-4">Record returned quantities for each item.</p>
                    @foreach($deliveryChallan->items as $item)
                        <div class="mb-3">
                            <label class="form-label small fw-bold">{{ $item->item_name }}</label>
                            <input type="number" name="items[{{ $item->id }}][quantity]" class="form-control" step="0.01" max="{{ $item->quantity }}" placeholder="Enter quantity returned">
                        </div>
                    @endforeach
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-danger">Confirm Return</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection