@extends('layouts.master')
@section('title')
    Quotes
@endsection

@section('content')
    @if (session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    @if (session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{ session('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif
    <div class="row">
        <div class="col-lg-12">
            <div class="card" style="display: flex;align-items: end;">
                <a class="btn btn-primary" href="/createpdf"
                    style="width:10%;right: 1.5%;margin-top:1%;position: relative;">
                    Create Quote
                </a>
                <div class="card-body">
                    <div class="table-responsive mb-4">
                        <table id="example2" class="table table-striped table-bordered dt-responsive"
                            style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                            <thead class="bg-light">
                                <tr>
                                    <th scope="col">Quote No</th>
                                    <th scope="col">Created</th>
                                    <th scope="col">Updated</th>
                                    <th scope="col">Sales Rep</th>
                                    <th scope="col">To</th>
                                    <th scope="col">From</th>
                                    <th scope="col">Quantity</th>
                                    <th scope="col">Total Price</th>
                                    <th scope="col">Edit</th>
                                </tr>
                            </thead>
                            <tbody id="">
                                @foreach ($quotes as $quote)
                                    <tr>
                                        <td>{{ $quote->quote_no }}</td>
                                        <td>{{ $quote->created_at }}</td>
                                        <td>{{ $quote->updated_at }}</td>
                                        <td>{{ $quote->salesRep->name }}</td>
                                        <td>{{ $quote->customer->to }}</td>
                                        <td>
                                            @if (Str::endsWith($quote->vcloud_entity, 'tech'))
                                                vCloud Tech Inc.
                                            @elseif (Str::endsWith($quote->vcloud_entity, 'gov'))
                                                vCloud Gov Inc.
                                            @else
                                                {{ $quote->vcloud_entity }}
                                            @endif
                                        </td>

                                        {{-- Display QuoteItems --}}
                                        @php
                                            $total_quantity = 0;
                                            foreach ($quote->quoteitems as $quoteitem) {
                                                $total_quantity = $total_quantity + $quoteitem->quantity;
                                            }
                                        @endphp
                                        <td>{{ $total_quantity }}</td>
                                        <td>{{ $quote->total_pricing }}</td>
                                        <td class="text-center">
                                            <div class="d-flex justify-content-between">
                                                {{-- <a class="btn btn-outline-secondary btn-sm edit mx-1 flex-grow-1 text-center"
                                                    href="{{ url('editpdf/' . $quote->id) }}" title="Edit PDF">
                                                    <i class="fas fa-pencil-alt"></i> Edit
                                                </a> --}}
                                                @if (Auth::user()->name == 'Dev' || Auth::user()->name == 'Harry King')
                                                    <a class="btn btn-outline-danger btn-sm mx-1 flex-grow-1 text-center"
                                                        href="{{ url('deletepdf/' . $quote->id) }}" title="Delete PDF"
                                                        onclick="return confirm('Are you sure you want to delete this PDF?');">
                                                        <i class="fas fa-trash-alt"></i> Delete
                                                    </a>
                                                @endif

                                                <a id="print" href="{{ route('printpdf', ['id' => $quote->id]) }}"
                                                    class="btn btn-primary btn-sm mx-1 flex-grow-1 text-center"
                                                    style="font-size: small;" title="Print PDF">
                                                    <i class="fas fa-print"></i> Print PDF
                                                </a>
                                                <a href="{{ route('editpdf', ['id' => $quote->id]) }}"
                                                    class="btn btn-primary btn-sm mx-1 flex-grow-1 text-center"
                                                    style="font-size: small;" title="update PDF">
                                                    <i class="fas fa-pencil"></i> Edit PDF
                                                </a>
                                            </div>
                                        </td>

                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <script>
            $(document).ready(function() {
                var table = $('#example2').DataTable({
                    lengthChange: false,
                    buttons: ['copy', 'excel', 'pdf', 'print'],
                    order: [
                        [1, 'desc']
                    ], // Default sort by the first column (Quote No) in descending order
                    columnDefs: [{
                        targets: '_all', // Applies to all columns
                        orderable: true, // Enables sorting for all columns
                    }, ],
                });

                table.buttons().container().appendTo('#example2_wrapper .col-md-6:eq(0)');
            });
        </script>
    @endsection