@extends('frontend.layout.app')

@section('content')

    <style>
        .popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: rgba(0, 0, 0, 0.45);
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .popup-content {
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.18);
            max-width: 420px;
            width: 100%;
            padding: 30px 24px 18px 24px;
            position: relative;
            top: 0;
            left: 0;
            transform: none;
            animation: fadeInModal 0.2s;
        }

        @keyframes fadeInModal {
            from {
                opacity: 0;
                transform: scale(0.95);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }
        .cart_table td, .cart_table th {
            vertical-align: middle !important;
        }
        .cart-productimage img {
            border-radius: 8px;
            object-fit: contain;
            background: #f4f8fb;
            max-width: 91px;
            max-height: 91px;
            min-width: 56px;
            min-height: 56px;
        }
    </style>

    <div class="breadcumb-wrapper" data-bg-src="{{ asset('frontend/assets/img/breadcumb/breadcumb-bg.jpg') }}">
        <div class="container z-index-common">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">Checkout</h1>
                <div class="breadcumb-menu-wrap">
                    <ul class="breadcumb-menu">
                        <li><a href="{{ route('index') }}">Home</a></li>
                        <li>Checkout</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <section class="space-top space-extra-bottom">
        <div class="container">
            <div class="row">
                <div class="col-xl-5 col-lg-5 col-md-12">
                    <h2>Address Details</h2>
                    <div class="title-divider1"></div>
                    <div class="accordion accordion-style1" id="faqVersion3">

                        <div class="accordion-item active">
                            <div class="accordion-header" id="headingOne4">
                                <button class="accordion-button {{ $errors->any() ? '' : 'collapsed' }}" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseOne4" aria-expanded="{{ $errors->any() ? 'true' : 'false' }}" aria-controls="collapseOne4">
                                    Login Details
                                </button>
                            </div>
                            <div id="collapseOne4" class="accordion-collapse collapse {{ $errors->any() ? 'show' : '' }}" aria-labelledby="headingOne4"
                                data-bs-parent="#faqVersion3">
                                <div class="accordion-body">
                                    <table class="cart_totals">
                                        <tbody>
                                            @php
                                                $user = auth()->user();
                                            @endphp
                                            <tr>
                                                <td>Name</td>
                                                <td><span class="amount"><bdi>{{ $user?->first_name }}</bdi></span></td>
                                            </tr>
                                            <tr>
                                                <td>Mobile</td>
                                                <td><span class="amount"><bdi>{{ $user?->phone }}</bdi></span></td>
                                            </tr>
                                            <tr>
                                                <td>Email</td>
                                                <td><span class="amount"><bdi>{{ $user?->email }}</bdi></span></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        {{-- Delivery Addresses --}}
                        <div class="accordion-item">
                            <div class="accordion-header" id="headingTwo4">
                                <button class="accordion-button{{ !($user && $user->addresses && $user->addresses->count()) ? '' : ' collapsed' }}" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseTwo4" aria-expanded="false" aria-controls="collapseTwo4">
                                    Delivery Address
                                </button>
                            </div>
                            <div id="collapseTwo4" class="accordion-collapse collapse show" aria-labelledby="headingTwo4"
                                data-bs-parent="#faqVersion3">
                                <div class="accordion-body">
                                    <div class="col-12 mb-20">
                                        @if ($user && $user->addresses && $user->addresses->count())
                                            @foreach ($user->addresses as $address)
                                                <div class="address-card d-flex align-items-start mb-3" style="border:1px solid #ebebeb; border-radius:6px; padding:12px;">
                                                    <div class="me-3 mt-1">
                                                        <input type="radio" id="shipping_address_{{ $address->id }}"
                                                            name="shipping_address" value="{{ $address->id }}" {{ $loop->first ? 'checked' : '' }}>
                                                        <label for="shipping_address_{{ $address->id }}"></label>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="fw-bold mb-1">{{ $address->name }}</h6>
                                                        <div style="font-size:.96em;color:#323a47;">
                                                            {{ $address->address }}, {{ $address->city }}, {{ $address->state }} ({{ ucfirst($address->address_type) }})<br>
                                                            Pin: {{ $address->pincode }}<br>
                                                            <i class="fas fa-phone"></i> {{ $address->phone }}
                                                            @if ($address->email)
                                                                <br><i class="fas fa-envelope"></i> {{ $address->email }}
                                                            @endif
                                                        </div>
                                                        <div class="d-flex justify-content-end gap-2 mt-2">
                                                            <button type="button" class="btn btn-outline-primary btn-sm"
                                                                onclick="openEditAddressPopup({{ $address->id }}, '{{ addslashes($address->name) }}', '{{ addslashes($address->address) }}', '{{ addslashes($address->city) }}', '{{ addslashes($address->state) }}', '{{ addslashes($address->phone) }}', '{{ addslashes($address->email ?? $user->email) }}', '{{ addslashes($address->address_type) }}', '{{ addslashes($address->pincode) }}')">
                                                                <i class="fas fa-edit me-1"></i> Edit
                                                            </button>
                                                            <form action="{{ route('delete-address', $address->id) }}"
                                                                method="POST" style="display:inline;">
                                                                @csrf
                                                                @method('DELETE')
                                                                <button class="btn btn-outline-secondary btn-sm"
                                                                    type="submit"
                                                                    onclick="return confirm('Are you sure you want to delete this address?');">
                                                                    <i class="fas fa-trash-alt me-1"></i>Delete
                                                                </button>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                            {{-- Edit Popup --}}
                                            <div id="popupForm" class="popup-overlay" style="display:none;"
                                                onclick="closePopup(event)">
                                                <div class="popup-content" onclick="event.stopPropagation()">
                                                    <h5>Edit Address</h5>
                                                    <form id="editAddressForm" method="POST" action="">
                                                        @csrf
                                                        @method('PUT')
                                                        <input type="hidden" name="address_id" id="edit_address_id">
                                                        <div class="form-group mb-2">
                                                            <label>Name</label>
                                                            <input type="text" class="form-control"
                                                                id="edit_address_name" name="name" required>
                                                        </div>
                                                        <div class="form-group mb-2">
                                                            <label>Address</label>
                                                            <textarea class="form-control" rows="2" id="edit_address_line" name="address" required></textarea>
                                                        </div>
                                                        <div class="form-group mb-2">
                                                            <label>City</label>
                                                            <input type="text" class="form-control"
                                                                id="edit_address_city" name="city" required>
                                                        </div>
                                                        <div class="form-group mb-2">
                                                            <label>State</label>
                                                            <input type="text" class="form-control"
                                                                id="edit_address_state" name="state" required>
                                                        </div>
                                                        <div class="form-group mb-2">
                                                            <label>Pin Code</label>
                                                            <input type="text" class="form-control"
                                                                id="edit_address_pincode" name="pincode" required>
                                                        </div>
                                                        <div class="form-group mb-2">
                                                            <label>Phone</label>
                                                            <input type="text" class="form-control"
                                                                id="edit_address_phone" name="phone">
                                                        </div>
                                                        <div class="form-group mb-2">
                                                            <label>Email</label>
                                                            <input type="email" class="form-control"
                                                                id="edit_address_email" name="email">
                                                        </div>
                                                        <div class="form-group mb-2">
                                                            <label>Address Type</label>
                                                            <select class="form-control" id="edit_address_type" name="address_type" required>
                                                                <option value="">Select Type</option>
                                                                <option value="home">Home</option>
                                                                <option value="work">Work</option>
                                                                <option value="other">Other</option>
                                                            </select>
                                                        </div>
                                                        <div class="text-right">
                                                            <button type="button" class="btn btn-secondary"
                                                                onclick="closePopup()">Cancel</button>
                                                            <button type="submit" class="btn btn-primary">Update</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                            <script>
                                                function openEditAddressPopup(id, name, address, city, state, phone, email, address_type, pincode) {
                                                    document.getElementById('edit_address_id').value = id;
                                                    document.getElementById('edit_address_name').value = name;
                                                    document.getElementById('edit_address_line').value = address;
                                                    document.getElementById('edit_address_city').value = city;
                                                    document.getElementById('edit_address_state').value = state;
                                                    document.getElementById('edit_address_phone').value = phone;
                                                    document.getElementById('edit_address_email').value = email;
                                                    document.getElementById('edit_address_type').value = address_type;
                                                    document.getElementById('edit_address_pincode').value = pincode;
                                                    document.getElementById('editAddressForm').action =
                                                        '{{ url('edit-address') }}/' + id;
                                                    document.getElementById('popupForm').style.display = 'flex';
                                                }

                                                function closePopup(event) {
                                                    if (!event || event.target === document.getElementById('popupForm')) {
                                                        document.getElementById('popupForm').style.display = 'none';
                                                    }
                                                }
                                            </script>
                                        @else
                                            <div class="address-card d-flex align-items-start">
                                                <div class="flex-grow-1">
                                                    <p class="text-muted mb-1">No address found. Please add your shipping
                                                        address.</p>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Add address form --}}
                        <div class="accordion-item">
                            <div class="accordion-header" id="headingThree4">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseThree4" aria-expanded="false"
                                    aria-controls="collapseThree4">
                                    Add a New Address
                                </button>
                            </div>
                            <div id="collapseThree4" class="accordion-collapse collapse" aria-labelledby="headingThree4"
                                data-bs-parent="#faqVersion3">
                                <div class="accordion-body">
                                    <div class="col-xl-12">
                                        <form action="{{ route('add-address') }}" method="POST">
                                            @csrf
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-2">
                                                        <label class="form-label">Name <span class="text-danger">*</span></label>
                                                        <input type="text" class="form-control" name="name" required>
                                                    </div>
                                                    <div class="mb-2">
                                                        <label class="form-label">Phone <span class="text-danger">*</span></label>
                                                        <input type="text" class="form-control" name="phone" required pattern="^[0-9\-\+\s\(\)]{7,20}$">
                                                    </div>
                                                    <div class="mb-2">
                                                        <label class="form-label">Pin Code <span class="text-danger">*</span></label>
                                                        <input type="text" class="form-control" name="pincode" required pattern="^[0-9]{4,20}$">
                                                    </div>
                                                    <div class="mb-2">
                                                        <label class="form-label">State <span
                                                                class="text-danger">*</span></label>
                                                        <input type="text" class="form-control" name="state" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-2">
                                                        <label class="form-label">City <span class="text-danger">*</span></label>
                                                        <input type="text" class="form-control" name="city" required>
                                                    </div>
                                                    <div class="mb-2">
                                                        <label class="form-label">Address <span class="text-danger">*</span></label>
                                                        <textarea class="form-control" name="address" required></textarea>
                                                    </div>
                                                    <div class="mb-2">
                                                        <label class="form-label">Address Type <span
                                                                class="text-danger">*</span></label>
                                                        <select class="form-control" name="address_type" required>
                                                            <option value="">Select Type</option>
                                                            <option value="home">Home</option>
                                                            <option value="work">Work</option>
                                                            <option value="other">Other</option>
                                                        </select>
                                                    </div>
                                                    <div class="mb-2">
                                                        <label class="form-label">Email</label>
                                                        <input type="email" class="form-control" name="email">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="mt-2">
                                                <button type="submit" class="btn btn-success me-1"><i
                                                        class="fas fa-save"></i> Add</button>
                                                <button type="reset" class="btn btn-secondary">Reset</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div> {{-- End add address accordion --}}
                    </div>
                </div>

                {{-- Right side: Order summary --}}
                <div class="col-xl-7 col-lg-7 col-md-12 mt-4 mt-lg-0">
                    <h2>Your Order</h2>
                    <div class="title-divider1"></div>
                    <form action="{{ route('place-order') }}" method="POST" class="woocommerce-cart-form"
                        id="place-order-form">
                        @csrf
                        <input type="hidden" name="shipping_address_id" id="selected_shipping_address"
                            value="{{ $user && $user->addresses && $user->addresses->count() ? $user->addresses->first()->id : '' }}">
                        <input type="hidden" name="payment_method" id="selected_payment_method" value="phonepe">
                        <table class="cart_table mb-20">
                            <thead>
                                <tr>
                                    <th class="cart-col-image">Image</th>
                                    <th class="cart-col-productname">Product Name</th>
                                    <th class="cart-col-price">Price</th>
                                    <th class="cart-col-quantity">Qty</th>
                                    <th class="cart-col-total">Total</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $subtotal = 0;
                                    $totalGst = 0;
                                @endphp
                                @foreach ($cartItems as $cart)
                                    @php
                                        $basePrice = (float) ($cart->sp ?? 0);
                                        $isVendorItem = !empty($cart->vendor_product_id) && $cart->vendorProduct;
                                        $platformFee = $isVendorItem ? ($basePrice * 0.10) : 0;
                                        $gstRate = 0;
                                        if ($isVendorItem && isset($cart->vendorProduct->gst)) {
                                            $gstRate = $cart->vendorProduct->gst;
                                        } elseif (isset($cart->product->gst)) {
                                            $gstRate = $cart->product->gst;
                                        }
                                        $gstAmount = $gstRate > 0 ? ($basePrice * $gstRate) / 100 : 0;
                                        $totalGst += $gstAmount * $cart->quantity;

                                        $effectiveUnitPrice = $basePrice + $platformFee + $gstAmount;
                                        $itemTotal = $effectiveUnitPrice * $cart->quantity;
                                        $subtotal += $itemTotal;

                                        $itemProduct = $cart->product;
                                        $itemVendor = $cart->vendorProduct;
                                        $isVendorItem = !empty($cart->vendor_product_id);
                                        $itemName = $itemVendor->product_name ?? $itemProduct->product_name ?? 'Product Not There';
                                        $itemUrl = $isVendorItem && $itemVendor
                                            ? route('vendor.productsdetails', $itemVendor->id)
                                            : route('productsdetails', $itemProduct?->id ?? 0);
                                        $fallbackImage = asset('frontend/assets/img/product/default.png');
                                        if ($isVendorItem && $itemVendor && $itemVendor->images && $itemVendor->images->first()) {
                                            $imgPath = $itemVendor->images->first()->image ?? null;
                                            $imgPath = ltrim((string) $imgPath, '/');
                                            if (str_starts_with($imgPath, 'storage/')) {
                                                $imgPath = substr($imgPath, strlen('storage/'));
                                            }
                                            if (str_starts_with($imgPath, 'public/')) {
                                                $imgPath = substr($imgPath, strlen('public/'));
                                            }
                                            $itemImageUrl = $imgPath ? asset('storage/' . $imgPath) : $fallbackImage;
                                        } else {
                                            $productImage = $itemProduct && $itemProduct->images ? $itemProduct->images->first() : null;
                                            $itemImageUrl = $productImage
                                                ? asset('storage/product/' . $productImage->images)
                                                : $fallbackImage;
                                        }
                                    @endphp
                                    <tr>
                                        <td>
                                            <a class="cart-productimage" href="{{ $itemUrl }}">
                                                <img width="76" height="76"
                                                    src="{{ $itemImageUrl }}"
                                                    alt="{{ $itemName }}">
                                            </a>
                                        </td>
                                        <td>
                                            <a class="cart-productname" href="{{ $itemUrl }}">
                                                {{ $itemName }}
                                            </a>
                                        </td>
                                        <td>
                                            <span class="amount"><bdi><span>₹</span>{{ number_format($effectiveUnitPrice, 2) }}</bdi></span>
                                        </td>
                                        <td>
                                            <strong class="product-quantity">{{ $cart->quantity }}</strong>
                                        </td>
                                        <td>
                                            <span class="amount"><bdi><span>₹</span>{{ number_format($itemTotal, 2) }}</bdi></span>
                                        </td>
                                    </tr>
                                @endforeach

                                @if (count($cartItems) == 0)
                                    <tr>
                                        <td colspan="5" class="text-center">No products in your cart.</td>
                                    </tr>
                                @endif
                            </tbody>
                            <tfoot class="checkout-ordertable">
                                <tr class="cart-subtotal">
                                    <th>Subtotal</th>
                                    <td data-title="Subtotal" colspan="4">
                                        <span class="woocommerce-Price-amount amount">
                                            <bdi>
                                                <span
                                                    class="woocommerce-Price-currencySymbol">₹</span>{{ number_format($subtotal, 2) }}
                                            </bdi>
                                        </span>
                                    </td>
                                </tr>
                                <tr class="woocommerce-shipping-totals shipping">
                                    <th>Shipping</th>
                                    <td data-title="Shipping" colspan="4">
                                        Free Shipping
                                    </td>
                                </tr>
                                {{-- Product Discounts --}}
                                @php
                                    $totalProductDiscount = 0;
                                    $productDiscountsDetail = [];
                                    foreach ($cartItems as $cartitem) {
                                        if (empty($cartitem->vendor_product_id) && isset($cartitem->product->discount) && $cartitem->product->discount > 0) {
                                            $discountPercent = $cartitem->product->discount;
                                            $itemTotal = $cartitem->sp * $cartitem->quantity;
                                            $itemProdDiscount = ($discountPercent / 100) * $itemTotal;
                                            $totalProductDiscount += $itemProdDiscount;
                                            $productDiscountsDetail[] = [
                                                'name' => $cartitem->product->product_name,
                                                'percent' => $discountPercent,
                                                'value' => $itemProdDiscount,
                                            ];
                                        }
                                    }
                                @endphp
                                @if ($totalProductDiscount > 0)
                                    <tr>
                                        <th>Product Discounts</th>
                                        <td colspan="4">
                                            <span class="text-success fw-semibold">
                                                -<span>₹</span>{{ number_format($totalProductDiscount, 2) }}
                                            </span>
                                            <br>
                                            <small class="text-muted">
                                                @foreach ($productDiscountsDetail as $pd)
                                                    <div>
                                                        {{ $pd['name'] }}:
                                                        <span class="text-success">
                                                            {{ rtrim(rtrim(number_format($pd['percent'], 2), '0'), '.') }}%
                                                            (₹{{ number_format($pd['value'], 2) }})
                                                        </span>
                                                    </div>
                                                @endforeach
                                            </small>
                                        </td>
                                    </tr>
                                @endif
                                {{-- GST --}}
                                @php
                                    $gstAmount = 0;
                                    $hasGst = false;
                                    foreach ($cartItems as $cartitem) {
                                        $itemGstSource = null;
                                        if (empty($cartitem->vendor_product_id) && isset($cartitem->product->gst)) {
                                            $itemGstSource = $cartitem->product->gst;
                                        }
                                        if ($itemGstSource !== null && $itemGstSource > 0) {
                                            $hasGst = true;
                                            $itemGstRate = $itemGstSource / 100;
                                            $itemGst = $cartitem->sp * $cartitem->quantity * $itemGstRate;
                                            $gstAmount += $itemGst;
                                        }
                                    }
                                @endphp

                                {{-- Coupon Discount --}}
                                @php
                                    $couponDiscount = isset($coupon_discount)
                                        ? $coupon_discount
                                        : session('coupon_discount', 0);
                                    $appliedCoupon = isset($applied_coupon)
                                        ? $applied_coupon
                                        : session('applied_coupon');
                                @endphp
                                @if ($couponDiscount && $couponDiscount > 0)
                                    <tr>
                                        <th>Coupon Discount</th>
                                        <td colspan="4">
                                            <span class="text-success fw-semibold">
                                                -<span>₹</span>{{ number_format($couponDiscount, 2) }}
                                            </span>
                                            <br>
                                            <small class="text-muted">
                                                Coupon <strong>{{ $appliedCoupon }}</strong> applied
                                                <a href="{{ route('cart.remove-coupon') }}" class="ms-2 text-danger"
                                                    onclick="return confirm('Remove applied coupon?')">
                                                    Remove
                                                </a>
                                            </small>
                                        </td>
                                    </tr>
                                @endif
                                @php
                                    $grandTotal = max(
                                        0,
                                        $subtotal - $totalProductDiscount - $couponDiscount,
                                    );
                                @endphp
                                <tr class="order-total total_1">
                                    <th>Total</th>
                                    <td data-title="Total" colspan="4">
                                        <strong>
                                            <span class="woocommerce-Price-amount amount">
                                                <bdi>
                                                    <span
                                                        class="woocommerce-Price-currencySymbol">₹</span>{{ number_format($grandTotal, 2) }}
                                                </bdi>
                                            </span>
                                        </strong>
                                    </td>
                                </tr>
                            </tfoot>
                        </table>
                        <div class="mt-3 mb-3">
                            <button type="button" id="phonepe-btn" class="btn btn-primary w-100">
                                Pay with PhonePe
                            </button>
                        </div>
                        <script>
                            // Update hidden field when shipping address radio button is selected
                            document.querySelectorAll('input[name="shipping_address"]').forEach(function(radio) {
                                radio.addEventListener('change', function() {
                                    document.getElementById('selected_shipping_address').value = this.value;
                                });
                            });
                            // Set initial value if a radio is already checked
                            var checkedRadio = document.querySelector('input[name="shipping_address"]:checked');
                            if (checkedRadio) {
                                document.getElementById('selected_shipping_address').value = checkedRadio.value;
                            }
                            document.getElementById('phonepe-btn').addEventListener('click', function(e) {
                                e.preventDefault();
                                var shippingAddressId = document.getElementById('selected_shipping_address').value;
                                if (!shippingAddressId || shippingAddressId === '') {
                                    alert('Please select a shipping address before placing your order.');
                                    return;
                                }
                                var form = this.closest('form');
                                var formData = new FormData(form);
                                fetch("{{ route('place-order') }}", {
                                        method: "POST",
                                        headers: {
                                            'X-CSRF-TOKEN': "{{ csrf_token() }}",
                                            'Accept': 'application/json'
                                        },
                                        body: formData
                                    })
                                    .then(response => {
                                        return response.json().then(data => ({
                                            status: response.status,
                                            data: data
                                        }));
                                    })
                                    .then(({
                                        status,
                                        data
                                    }) => {
                                        if (data.success && data.payment_url) {
                                            window.location.href = data.payment_url;
                                        } else if (data.redirect_url) {
                                            window.location.href = data.redirect_url;
                                        } else {
                                            let errorMessage = data.message || 'Unable to place order.';
                                            if (data.errors) {
                                                const errorMessages = Object.values(data.errors).flat();
                                                errorMessage = errorMessages.join('\n');
                                            }
                                            alert(errorMessage);
                                        }
                                    })
                                    .catch(error => {
                                        console.error('Error:', error);
                                        alert('An error occurred while placing your order. Please try again.');
                                    });
                            });
                        </script>

                    </form>
                </div>
            </div>
        </div>
    </section>

    <div data-bg-src="assets/img/bg/bg-h-1-1.jpg">
        <div class="vs-wave-shape">
            <svg viewBox="0 0 1920 295" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path class="wave-path" fill-rule="evenodd" clip-rule="evenodd"
                    d="M1920 295V202.758C1906.48 131.342 1843.63 77.168 1768.34 77.168C1739.37 77.168 1711.54 85.1814 1687.4 100.128C1650.68 38.4074 1584.56 0 1511.11 0C1412.1 0 1329.2 70.2842 1309.68 163.577C1294.03 136.928 1265.08 119 1232 119C1215.11 119 1198.88 123.673 1184.8 132.389C1163.39 96.397 1124.83 74 1082 74C1022.17 74 972.422 118.018 963.444 175.369C947.459 160.855 926.246 152 903 152C886.11 152 869.88 156.673 855.803 165.389C834.387 129.397 795.832 107 753 107C710.158 107 672.487 129.569 651.251 163.442C635.542 150.075 615.199 142 593 142C576.11 142 559.88 146.673 545.803 155.389C524.387 119.397 485.832 97 443 97C400.012 97 362.23 119.723 341.034 153.789C324.552 132.631 298.841 119 270 119C253.11 119 236.88 123.673 222.803 132.389C201.387 96.397 162.832 74 120 74C53.8333 74 0.000244141 127.833 0.000244141 194C0.000244141 194.41 0.000244141 194.835 0.0152435 195.245L0.000244141 195.248V295H1920Z" />
            </svg>
        </div>
    </div>
@endsection