@extends('layouts.app')

@section('title', 'NTTN Links')

@section('content')
<div class="container-fluid">
    <!-- Success/Error Messages -->
    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show">
            <i class="fas fa-check-circle mr-2"></i>{{ session('success') }}
            <button type="button" class="close" data-dismiss="alert">
                <span>&times;</span>
            </button>
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show">
            <i class="fas fa-exclamation-circle mr-2"></i>{{ session('error') }}
            <button type="button" class="close" data-dismiss="alert">
                <span>&times;</span>
            </button>
        </div>
    @endif

    <!-- Page Header -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="h3 mb-0 text-gray-800">
                        <i class="fas fa-link mr-2"></i>NTTN Links
                    </h1>
                    <p class="text-muted">Manage NTTN links</p>
                </div>
                <div>
                    <a href="{{ route('reseller.nttn-links.create') }}" class="btn btn-primary">
                        <i class="fas fa-plus mr-2"></i>Create NTTN Link
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Overall Summary Cards -->
    <div class="row mb-4" style="display: flex; flex-wrap: wrap;">
        <div class="col-md-2" style="flex: 1; min-width: 0;">
            <a href="{{ route('reseller.nttn-links.nttn-items-list') }}" style="text-decoration: none; color: inherit;">
                <div class="card shadow" style="border-left: 4px solid #007bff; cursor: pointer; transition: transform 0.2s;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
                    <div class="card-body text-center">
                        <h6 class="text-muted mb-2" style="font-size: 13px;">Total NTTN</h6>
                        <h3 class="mb-0 text-primary font-weight-bold" style="font-size: 1.25rem;">{{ $totalNttnItems ?? 0 }}</h3>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-md-2" style="flex: 1; min-width: 0;">
            <div class="card shadow" style="border-left: 4px solid #28a745;">
                <div class="card-body text-center">
                    <h6 class="text-muted mb-2" style="font-size: 13px;">Total Quantity</h6>
                    <h3 class="mb-0 text-success font-weight-bold" style="font-size: 1.25rem;">{{ number_format($totalQuantity ?? 0, 2) }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-2" style="flex: 1; min-width: 0;">
            <div class="card shadow" style="border-left: 4px solid #6f42c1;">
                <div class="card-body text-center">
                    <h6 class="text-muted mb-2" style="font-size: 13px;">Total Sell VAT</h6>
                    <h3 class="mb-0 font-weight-bold" style="color: #6f42c1; font-size: 1.25rem;">৳ {{ number_format($totalSellVAT ?? 0, 2) }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-2" style="flex: 1; min-width: 0;">
            <div class="card shadow" style="border-left: 4px solid #17a2b8;">
                <div class="card-body text-center">
                    <h6 class="text-muted mb-2" style="font-size: 13px;">Total Sell Amount</h6>
                    <h3 class="mb-0 text-info font-weight-bold" style="font-size: 1.25rem;">৳ {{ number_format($totalSellAmount ?? 0, 2) }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-2" style="flex: 1; min-width: 0;">
            <div class="card shadow" style="border-left: 4px solid #fd7e14;">
                <div class="card-body text-center">
                    <h6 class="text-muted mb-2" style="font-size: 13px;">Total Cast VAT</h6>
                    <h3 class="mb-0 font-weight-bold" style="color: #fd7e14; font-size: 1.25rem;">৳ {{ number_format($totalCastVAT ?? 0, 2) }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-2" style="flex: 1; min-width: 0;">
            <div class="card shadow" style="border-left: 4px solid #dc3545;">
                <div class="card-body text-center">
                    <h6 class="text-muted mb-2" style="font-size: 13px;">Total Cast Amount</h6>
                    <h3 class="mb-0 text-danger font-weight-bold" style="font-size: 1.25rem;">৳ {{ number_format($totalCastAmount ?? 0, 2) }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-2" style="flex: 1; min-width: 0;">
            <div class="card shadow" style="border-left: 4px solid {{ ($totalProfitLoss ?? 0) >= 0 ? '#28a745' : '#dc3545' }};">
                <div class="card-body text-center">
                    <h6 class="text-muted mb-2" style="font-size: 13px;">Total Profit/Loss</h6>
                    <h3 class="mb-0 font-weight-bold {{ ($totalProfitLoss ?? 0) >= 0 ? 'text-success' : 'text-danger' }}" style="font-size: 1.25rem;">
                        ৳ {{ number_format($totalProfitLoss ?? 0, 2) }}
                    </h3>
                </div>
            </div>
        </div>
    </div>

    <!-- Filters -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="card shadow">
                <div class="card-body">
                    <form method="GET" action="{{ route('reseller.nttn-links.index') }}" class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label>Search</label>
                                <input type="text" name="search" class="form-control" 
                                       value="{{ request('search') }}" 
                                       placeholder="Link name, description...">
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label>Status</label>
                                <select name="status" class="form-control">
                                    <option value="">All Status</option>
                                    <option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>Active</option>
                                    <option value="inactive" {{ request('status') == 'inactive' ? 'selected' : '' }}>Inactive</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label>Customer</label>
                                <select name="customer_id" class="form-control">
                                    <option value="">All Customers</option>
                                    @foreach($customers as $customer)
                                        <option value="{{ $customer->id }}" {{ request('customer_id') == $customer->id ? 'selected' : '' }}>
                                            {{ $customer->company_name ?? $customer->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label>NTTN Item</label>
                                <select name="item_id" class="form-control">
                                    <option value="">All Items</option>
                                    @foreach($nttnItems as $item)
                                        <option value="{{ $item->id }}" {{ request('item_id') == $item->id ? 'selected' : '' }}>
                                            {{ $item->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label>&nbsp;</label>
                                <div class="d-flex">
                                    <button type="submit" class="btn btn-primary btn-sm flex-fill mr-1">
                                        <i class="fas fa-search mr-1"></i>Filter
                                    </button>
                                    <a href="{{ route('reseller.nttn-links.index') }}" class="btn btn-secondary btn-sm flex-fill">
                                        <i class="fas fa-redo mr-1"></i>Reset
                                    </a>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- NTTN Links Table -->
    <div class="row">
        <div class="col-12">
            <div class="card shadow">
                <div class="card-header bg-white d-flex justify-content-between align-items-center">
                    <h6 class="m-0 font-weight-bold text-primary">NTTN Links List</h6>
                    <div class="d-flex align-items-center">
                        <form method="GET" action="{{ route('reseller.nttn-links.index') }}" id="perPageForm" class="d-flex align-items-center">
                            @if(request('search'))
                                <input type="hidden" name="search" value="{{ request('search') }}">
                            @endif
                            @if(request('status'))
                                <input type="hidden" name="status" value="{{ request('status') }}">
                            @endif
                            @if(request('customer_id'))
                                <input type="hidden" name="customer_id" value="{{ request('customer_id') }}">
                            @endif
                            @if(request('item_id'))
                                <input type="hidden" name="item_id" value="{{ request('item_id') }}">
                            @endif
                            <div style="background-color: #495057; padding: 6px 12px; border-radius: 4px; display: flex; align-items: center;">
                                <span class="mr-2" style="color: white; font-weight: 500; font-size: 14px; font-family: sans-serif;">SHOW</span>
                                <select name="per_page" id="perPageSelect" class="form-control form-control-sm" style="width: auto; min-width: 100px; padding: 4px 30px 4px 8px; border: none; border-radius: 4px; font-size: 14px; background-color: white; color: #495057; font-family: sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path fill=\"%23495057\" d=\"M6 9L1 4h10z\"/></svg>'); background-repeat: no-repeat; background-position: right 8px center; background-size: 12px;" onchange="document.getElementById('perPageForm').submit();">
                                    @php
                                        $currentPerPage = request('per_page', 20);
                                    @endphp
                                    <option value="10" {{ $currentPerPage == 10 ? 'selected' : '' }}>10</option>
                                    <option value="15" {{ $currentPerPage == 15 ? 'selected' : '' }}>15</option>
                                    <option value="20" {{ $currentPerPage == 20 ? 'selected' : '' }}>20</option>
                                    <option value="25" {{ $currentPerPage == 25 ? 'selected' : '' }}>25</option>
                                    <option value="50" {{ $currentPerPage == 50 ? 'selected' : '' }}>50</option>
                                    <option value="100" {{ $currentPerPage == 100 ? 'selected' : '' }}>100</option>
                                </select>
                                <span class="ml-2" style="color: white; font-weight: 500; font-size: 14px; font-family: sans-serif;">ENTRIES</span>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover">
                            <thead class="thead-light">
                                <tr>
                                    <th>ID</th>
                                    <th>Link Name</th>
                                    <th>Customer</th>
                                    <th>Item</th>
                                    <th class="text-right">Quantity</th>
                                    <th class="text-right">Sell Rate</th>
                                    <th class="text-right">Sell VAT</th>
                                    <th class="text-right">Total Sell VAT</th>
                                    <th class="text-right">Total Sell Amount</th>
                                    <th class="text-right">Cast Rate</th>
                                    <th class="text-right">Cast VAT</th>
                                    <th class="text-right">Total Cast VAT</th>
                                    <th class="text-right">Total Cast Amount</th>
                                    <th class="text-right">Profit & Loss</th>
                                    <th>Status</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($nttnLinks as $link)
                                    <tr>
                                        <td>{{ $link->id }}</td>
                                        <td><strong>{{ $link->link_name }}</strong></td>
                                        <td>{{ $link->customer->company_name ?? $link->customer->name ?? '-' }}</td>
                                        <td>{{ $link->item->name ?? '-' }}</td>
                                        <td class="text-right">{{ number_format($link->quantity, 2) }}</td>
                                        <td class="text-right">৳ {{ number_format($link->sell_rate, 2) }}</td>
                                        <td class="text-right">{{ number_format($link->sell_vat, 2) }}%</td>
                                        <td class="text-right">৳ {{ number_format(($link->sell_rate * $link->sell_vat / 100) * $link->quantity, 2) }}</td>
                                        <td class="text-right"><strong class="text-success">৳ {{ number_format(($link->sell_rate + ($link->sell_rate * $link->sell_vat / 100)) * $link->quantity, 2) }}</strong></td>
                                        <td class="text-right">৳ {{ number_format($link->cast_rate, 2) }}</td>
                                        <td class="text-right">{{ number_format($link->cast_vat, 2) }}%</td>
                                        <td class="text-right">৳ {{ number_format(($link->cast_rate * $link->cast_vat / 100) * $link->quantity, 2) }}</td>
                                        <td class="text-right"><strong class="text-danger">৳ {{ number_format(($link->cast_rate + ($link->cast_rate * $link->cast_vat / 100)) * $link->quantity, 2) }}</strong></td>
                                        @php
                                            $totalSellAmount = ($link->sell_rate + ($link->sell_rate * $link->sell_vat / 100)) * $link->quantity;
                                            $totalCastAmount = ($link->cast_rate + ($link->cast_rate * $link->cast_vat / 100)) * $link->quantity;
                                            $profitLoss = $totalSellAmount - $totalCastAmount;
                                        @endphp
                                        <td class="text-right">
                                            <strong class="{{ $profitLoss >= 0 ? 'text-success' : 'text-danger' }}">
                                                ৳ {{ number_format($profitLoss, 2) }}
                                            </strong>
                                        </td>
                                        <td>
                                            @if($link->status == 'active')
                                                <span class="badge badge-success">Active</span>
                                            @else
                                                <span class="badge badge-secondary">Inactive</span>
                                            @endif
                                        </td>
                                        <td>
                                            <div class="btn-group" role="group">
                                                <a href="{{ route('reseller.nttn-links.show', $link->id) }}" 
                                                   class="btn btn-sm btn-info" title="View">
                                                    <i class="fas fa-eye"></i>
                                                </a>
                                                <a href="{{ route('reseller.nttn-links.edit', $link->id) }}" 
                                                   class="btn btn-sm btn-warning" title="Edit">
                                                    <i class="fas fa-edit"></i>
                                                </a>
                                                <form action="{{ route('reseller.nttn-links.destroy', $link->id) }}" 
                                                      method="POST" 
                                                      style="display: inline-block;"
                                                      onsubmit="return confirm('Are you sure you want to delete this NTTN link?');">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-sm btn-danger" title="Delete">
                                                        <i class="fas fa-trash"></i>
                                                    </button>
                                                </form>
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="16" class="text-center py-4">
                                            <i class="fas fa-inbox fa-3x text-muted mb-3"></i>
                                            <p class="text-muted">No NTTN links found</p>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                            @if($nttnLinks->count() > 0)
                            <tfoot class="thead-light">
                                <tr>
                                    @php
                                        $totalQuantity = 0;
                                        $totalSellVAT = 0;
                                        $totalSellAmount = 0;
                                        $totalCastVAT = 0;
                                        $totalCastAmount = 0;
                                        $totalProfitLoss = 0;
                                        
                                        foreach($nttnLinks as $link) {
                                            $totalQuantity += $link->quantity;
                                            $totalSellVAT += ($link->sell_rate * $link->sell_vat / 100) * $link->quantity;
                                            $totalSellAmount += ($link->sell_rate + ($link->sell_rate * $link->sell_vat / 100)) * $link->quantity;
                                            $totalCastVAT += ($link->cast_rate * $link->cast_vat / 100) * $link->quantity;
                                            $totalCastAmount += ($link->cast_rate + ($link->cast_rate * $link->cast_vat / 100)) * $link->quantity;
                                        }
                                        $totalProfitLoss = $totalSellAmount - $totalCastAmount;
                                    @endphp
                                    <th colspan="4" class="text-right"><strong>Total:</strong></th>
                                    <th class="text-right"><strong>{{ number_format($totalQuantity, 2) }}</strong></th>
                                    <th class="text-right">-</th>
                                    <th class="text-right">-</th>
                                    <th class="text-right"><strong>৳ {{ number_format($totalSellVAT, 2) }}</strong></th>
                                    <th class="text-right"><strong class="text-success">৳ {{ number_format($totalSellAmount, 2) }}</strong></th>
                                    <th class="text-right">-</th>
                                    <th class="text-right">-</th>
                                    <th class="text-right"><strong>৳ {{ number_format($totalCastVAT, 2) }}</strong></th>
                                    <th class="text-right"><strong class="text-danger">৳ {{ number_format($totalCastAmount, 2) }}</strong></th>
                                    <th class="text-right">
                                        <strong class="{{ $totalProfitLoss >= 0 ? 'text-success' : 'text-danger' }}">
                                            ৳ {{ number_format($totalProfitLoss, 2) }}
                                        </strong>
                                    </th>
                                    <th colspan="2">-</th>
                                </tr>
                            </tfoot>
                            @endif
                        </table>
                    </div>

                    <!-- Pagination -->
                    <div class="mt-3">
                        {{ $nttnLinks->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection