@extends('admin.layouts.app')

@section('title','Quotation Management')

@section('content')

<style>
    .quotation-actions {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        flex-wrap: nowrap;
        white-space: nowrap;
    }

    .quotation-actions .btn-sm {
        flex: 0 0 34px;
        margin-right: 0;
    }

    .quotation-actions form {
        display: inline-flex;
        margin: 0;
    }

    .quotation-action-print {
        background: #dcfce7;
        color: #15803d;
    }

    .quotation-actions .btn-success {
        background: #dcfce7;
        color: #15803d;
    }

    .quotation-action-pdf {
        background: #fee2e2;
        color: #b91c1c;
    }
</style>

<div class="page-header">
    <div>
        <h2>Quotation Management</h2>
        <p>Manage customer quotations</p>
    </div>
    <a href="{{ route('admin.quotations.create') }}" class="btn-primary"><i class="fas fa-plus"></i> Add Quotation</a>
</div>

@if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif

@if(session('error'))
    <div class="alert alert-danger">{{ session('error') }}</div>
@endif

<div class="table-card">
    <table class="admin-table data-table">
        <thead>
            <tr>
                <th>S.No</th>
                <th>Quotation No</th>
                <th>Lead No</th>
                <th>Customer</th>
                <th>Date</th>
                <th>Valid Until</th>
                <th>Total</th>
                <th>Status</th>
                <th width="220" class="no-sort">Action</th>
            </tr>
        </thead>

        <tbody>
            @foreach($quotations as $key => $quotation)
                <tr>
                    <td>{{ $key + 1 }}</td>
                    <td>{{ $quotation->quotation_number }}</td>
                    <td>{{ $quotation->lead->lead_number ?? '-' }}</td>
                    <td>{{ $quotation->customer->customer_name ?? '-' }}</td>
                    <td>
                        {{ $quotation->quotation_date ? \Carbon\Carbon::parse($quotation->quotation_date)->format('d-m-Y') : '-' }}
                    </td>
                    <td>
                        {{ $quotation->valid_until ? \Carbon\Carbon::parse($quotation->valid_until)->format('d-m-Y') : '-' }}
                    </td>
                    <td>₹{{ number_format($quotation->total_amount, 2) }}</td>
                    <td>
                        @php
                            $class = 'badge-warning';

                            if($quotation->status == 'Approved') {
                                $class = 'badge-success';
                            } elseif($quotation->status == 'Rejected') {
                                $class = 'badge-danger';
                            } elseif($quotation->status == 'Sent') {
                                $class = 'badge-primary';
                            } elseif($quotation->status == 'Expired') {
                                $class = 'badge-danger';
                            }
                        @endphp

                        <span class="badge {{ $class }}">{{ $quotation->status }}</span>
                    </td>
                    <td>
                        <div class="quotation-actions">
                            <a href="{{ route('admin.quotations.show', $quotation->id) }}"
                               class="btn-sm btn-timeline"
                               title="View">
                                <i class="fas fa-eye"></i>
                            </a>

                            <a href="{{ route('admin.quotations.print', $quotation->id) }}"
                               target="_blank"
                               class="btn-sm quotation-action-print"
                               title="Print">
                                <i class="fas fa-print"></i>
                            </a>

                            <a href="{{ route('admin.quotations.pdf', $quotation->id) }}"
                               class="btn-sm quotation-action-pdf"
                               title="Download PDF">
                                <i class="fas fa-file-pdf"></i>
                            </a>

                            <a href="{{ route('admin.quotations.edit', $quotation) }}" class="btn-sm btn-edit" title="Edit"><i class="fas fa-pen"></i></a>

                            <form action="{{ route('admin.quotations.destroy', $quotation) }}" method="POST" onsubmit="return confirm('Delete this quotation?')">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn-sm btn-delete" title="Delete"><i class="fas fa-trash"></i></button>
                            </form>

                            @if($quotation->status !== 'Approved' && $quotation->status !== 'Rejected')
                                <form action="{{ route('admin.quotations.approve', $quotation->id) }}"
                                      method="POST"
                                      class="d-inline"
                                      onsubmit="return confirm('Approve this quotation?')">
                                    @csrf
                                    <button type="submit"
                                            class="btn-sm btn-success"
                                            title="Approve">
                                        <i class="fas fa-check"></i>
                                    </button>
                                </form>

                                <form action="{{ route('admin.quotations.reject', $quotation->id) }}"
                                      method="POST"
                                      class="d-inline"
                                      onsubmit="return confirm('Reject this quotation?')">
                                    @csrf
                                    <button type="submit"
                                            class="btn-sm btn-delete"
                                            title="Reject">
                                        <i class="fas fa-times"></i>
                                    </button>
                                </form>
                            @endif
                        </div>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>

@endsection