@extends('layouts.base')
@section('content')
    <style>
        .form-label {
            font-weight: 500;
            margin-bottom: 0px;
            font-size: 14px;
        }

        .form-control {
            font-size: 16px !important;
            padding: 15px;
            margin: 7px 0 20px;
            border: 1px solid transparent;
            background-color: #f2f6f9;
            border-radius: 12px;
            color: #313336;
            font-weight: 400;
            box-shadow: none;
        }

        .form-control:focus {
            box-shadow: none;
            border: 1px solid #FF603C;
            color: #313336;
        }

        .send-review {
            width: auto;
        }

        .contact-form {
            box-shadow: 0px 0px 10px 0px #f1f1f1;
            border: 1px solid #EDEDED;
            border-radius: 10px;
            max-width: 1100px;
            padding: 35px 30px;
            margin: 30px auto 0;
        }

        .form-label.required:after {
            content: "*";
            color: #ff603c;
            top: -2px;
            right: -11px;
            opacity: 1;
        }

        .review-block {
            max-width: 33%;
            cursor: auto;
            margin-top:20px;
        }

        @media only screen and (max-width: 998px) {
            h1 {
                margin-top: 25px;
            }
            .review-block {
            max-width: 100%;
            cursor: auto;
        }
        }

        .accordion-item {
            background-color: inherit;
            border: none;
            border-top: 1px solid #e1e6ef !important;
            padding-top: 4px;
            padding-bottom: 4px;
        }

        .accordion-button {
            color: #333 !important;
            font-weight: 600;
            background-color: inherit !important;
            box-shadow: none !important;
            transition: 0.2s;
            font-size: 17px;
        }

        .accordion-button:hover {
            color: #ff603c !important;
        }

        .accordion-button:not(.collapsed) {
            color: #ff603c !important;
        }

        .accordion-body {
            color: #333;
            font-size: 15px;
        }

        .accordion-button:not(.collapsed)::after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236d768b'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

        .accordion__question-mark {
            margin-left: 2px;
            margin-right: 10px;
            position: relative;
            font-size: 18px;
            color: #fff;
            min-width: 29px;
            height: 29px;
            border-radius: 50%;
            background-color: #ff603c;
        }

        .accordion__question-mark span {
            font-family: "Source Sans Pro";
            position: absolute;
            display: block;
            top: 15%;
            left: 35%;
        }

        .accordion a {
            color: #ff603c;
        }

        .accordion-body {
            padding-bottom: 30px;
        }



    </style>
    <header class="header section app-landing-2-header" style="background-color:white !important;" data-aos="fade-up">
        <div class="shapes-container">
            <!-- diagonal shapes -->
            <div class="shape shape-animated" data-aos="fade-down-right" data-aos-duration="1500" data-aos-delay="100"></div>
            <div class="shape shape-animated" data-aos="fade-down" data-aos-duration="1000" data-aos-delay="100"></div>
            <div class="shape shape-animated" data-aos="fade-up-left" data-aos-duration="500" data-aos-delay="200"></div>
            <div class="shape shape-animated" data-aos="fade-up" data-aos-duration="500" data-aos-delay="200"></div>
            <!-- static shapes -->
            <div class="static-shape shape-ring shape-ring-1">
                <div class="animation animation--rotating"></div>
            </div>
            <div class="static-shape shape-ring shape-ring-2">
                <div class="animation animation--rotating-clockwise"></div>
            </div>
            <div class="static-shape pattern-dots-1"></div>
            <!-- main shape -->

        </div>
        <div class="container">
            <div class="gap-y align-items-center text-center header-main">
                <h1 style="font-weight:600;">Recenze od našich zákazníků</h1>
                <p style="font-weight:400; max-width:600px; color: #62676c; font-size:16px; margin:0 auto;">Zde najdete
                    recenze od našich zákazníků. Neváhejte <a href="#add-rev" style="color:#FF603C;">přidat i svou recenzi</a>.</p>
            </div>
            <div class="row" style="padding-top:50px;">
                @foreach ($reviews as $r)
                    <div class="review-block">
                        <div class="review__header">
                            <div class="review__stars"><svg width="22" height="20" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="m11.133 0 3.281 6.625 7.219 1-5.25 5.125L17.564 20l-6.431-3.375L4.702 20l1.18-7.25-5.25-5.125 7.22-1L11.132 0Z"
                                        fill="#FF603C"></path>
                                </svg><svg width="22" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="m11.133 0 3.281 6.625 7.219 1-5.25 5.125L17.564 20l-6.431-3.375L4.702 20l1.18-7.25-5.25-5.125 7.22-1L11.132 0Z"
                                        fill="#FF603C"></path>
                                </svg><svg width="22" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="m11.133 0 3.281 6.625 7.219 1-5.25 5.125L17.564 20l-6.431-3.375L4.702 20l1.18-7.25-5.25-5.125 7.22-1L11.132 0Z"
                                        fill="#FF603C"></path>
                                </svg><svg width="22" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="m11.133 0 3.281 6.625 7.219 1-5.25 5.125L17.564 20l-6.431-3.375L4.702 20l1.18-7.25-5.25-5.125 7.22-1L11.132 0Z"
                                        fill="#FF603C"></path>
                                </svg><svg width="22" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="m11.133 0 3.281 6.625 7.219 1-5.25 5.125L17.564 20l-6.431-3.375L4.702 20l1.18-7.25-5.25-5.125 7.22-1L11.132 0Z"
                                        fill="#FF603C"></path>
                                </svg></div>
                            <p class="review__text">{{$r->review}}</p>
                            <p class="review__autor" data-bs-toggle="tooltip" data-bs-placement="top"
                                title="Ověřený zákazník">{{$r->name}} <svg width="15" height="14" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M13.107 8.621 15 6.984 13.12 5.28a.36.36 0 0 1-.108-.352l.545-2.27-2.466-.41a.376.376 0 0 1-.276-.202L9.81 0 7.702 1.042a.377.377 0 0 1-.331.004L5.186.007l-.941 2.085a.368.368 0 0 1-.287.214l-2.524.374.575 2.34a.355.355 0 0 1-.116.359L0 7.016 1.88 8.72a.36.36 0 0 1 .108.352l-.545 2.272 2.466.408c.12.02.223.095.276.202L5.19 14l2.105-1.042a.387.387 0 0 1 .333-.004l2.185 1.039.941-2.085a.369.369 0 0 1 .287-.214l2.524-.374-.575-2.34a.355.355 0 0 1 .116-.359Z"
                                        fill="#5395E9"></path>
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M11 5.18 6.538 11 4 7.498l.832-1.148 1.73 2.385L10.191 4 11 5.18Z"
                                        fill="#FAFAFA">
                                    </path>
                                </svg></p>
                            <div class="review__quote review__quote--down"><svg width="30" height="26" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M12.422 5.077V0C5.262.625 1.13 4.765 1.13 11.795v9.7h11.293L10.63 14.83l-3.817-3.27c0-4.14 1.476-6.092 5.61-6.483ZM27.668 5.077V0c-7.517.625-11.857 4.765-11.857 11.795v9.7h11.857l-1.881-6.665-4.009-3.27c0-4.14 1.55-6.092 5.89-6.483Z"
                                        fill="#E2E5EC"></path>
                                    <path
                                        d="M8.878 25.137a2.839 2.839 0 0 1-2.874-.01l-3.597-2.126a2.84 2.84 0 0 1-1.394-2.453l.013-4.31a2.838 2.838 0 0 1 1.41-2.444l3.609-2.103a2.839 2.839 0 0 1 2.874.009l3.596 2.126a2.84 2.84 0 0 1 1.394 2.453l-.013 4.311a2.838 2.838 0 0 1-1.41 2.444l-3.608 2.103ZM23.955 25.137a2.839 2.839 0 0 1-2.874-.01l-3.596-2.126a2.84 2.84 0 0 1-1.394-2.453l.013-4.31a2.838 2.838 0 0 1 1.41-2.444l3.608-2.103a2.839 2.839 0 0 1 2.875.009l3.596 2.126a2.84 2.84 0 0 1 1.394 2.453l-.013 4.311a2.838 2.838 0 0 1-1.41 2.444l-3.609 2.103Z"
                                        fill="#E2E5EC"></path>
                                </svg></div>
                            <div class="review__quote review__quote--up"><svg width="30" height="26" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M17.578 20.923V26c7.16-.625 11.293-4.765 11.293-11.795v-9.7H17.578l1.792 6.665 3.817 3.27c0 4.14-1.476 6.092-5.61 6.483ZM2.332 20.923V26c7.517-.625 11.858-4.765 11.858-11.795v-9.7H2.332l1.882 6.665 4.008 3.27c0 4.14-1.55 6.092-5.89 6.483Z"
                                        fill="#E2E5EC"></path>
                                    <path
                                        d="M21.122.863a2.839 2.839 0 0 1 2.874.01l3.597 2.126a2.84 2.84 0 0 1 1.394 2.452l-.013 4.312a2.838 2.838 0 0 1-1.41 2.443l-3.609 2.103a2.84 2.84 0 0 1-2.874-.009l-3.596-2.126A2.84 2.84 0 0 1 16.09 9.72l.013-4.311a2.838 2.838 0 0 1 1.41-2.444L21.121.863ZM6.045.863a2.839 2.839 0 0 1 2.874.01l3.596 2.126a2.84 2.84 0 0 1 1.394 2.452l-.013 4.312a2.838 2.838 0 0 1-1.41 2.443L8.879 14.31a2.839 2.839 0 0 1-2.875-.009l-3.596-2.126A2.84 2.84 0 0 1 1.013 9.72l.013-4.311a2.838 2.838 0 0 1 1.41-2.444L6.045.863Z"
                                        fill="#E2E5EC"></path>
                                </svg></div>
                        </div>
                    </div>
                @endforeach

            </div>
            <div class="gap-y align-items-center text-center" style="margin-top:70px;" id="add-rev">
                <h3 style="font-weight:600;">Přidejte recenzi</h3>
                <p style="font-weight:400; max-width:600px; color: #62676c; font-size:16px; margin:0 auto;">Pokud jste u nás provedli nákup, recenze se ihned na této stránce ukáže.</p>
            </div>
            <div class="review-form" style="display:block; margin-top:30px;">
                    <form id="reviewForm" action="/submit-review" method="POST">

                        <div class="row">
                            <div class="alert alert-success review-sent text-center">Pokud jste u nás OPRAVDU provedli nákup, recenze se zde ukáže.</div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="prezdivka" class="form-label">Vaše přezdívka</label>
                                    <input type="text" placeholder="Přezdívka..." class="form-control" id="prezdivka"
                                        required>
                                </div>
                                <div class="mb-3">
                                    <label for="email" class="form-label">Váš email</label>
                                    <input type="email" placeholder="jmeno@gmail.com" class="form-control" id="email"
                                        required>
                                </div>
                                <div class="mb-3" style="display:flex; justify-content:left;">
                                    <div style="margin-top:12px; margin-right:10px; font-size:14px;">Hodnocení</div>
                                    <div class="rating"><input type="radio" name="rating" value="5" id="5"
                                            required><label for="5">☆</label> <input type="radio" name="rating" value="4"
                                            id="4"><label for="4">☆</label> <input type="radio" name="rating" value="3"
                                            id="3"><label for="3">☆</label> <input type="radio" name="rating" value="2"
                                            id="2"><label for="2">☆</label> <input type="radio" name="rating" value="1"
                                            id="1"><label for="1">☆</label> </div>


                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="rate-text" class="form-label">Recenze</label>
                                    <textarea class="form-control" id="rate-text" style="height:150px;" rows="6"
                                        placeholder="Vaše recenze" required></textarea>
                                </div>
                                <div class="mb-3" style="text-align:center;">
                                    <button type="submit" class="btn btn-primary send-review">Odeslat recenzi</button>
                                </div>
                            </div>

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

    </header>
    <section style="background-color:white;">
        <div class="container" style="padding-top:0px;">
            <div class="row footer_inner" style="">

                <div>
                    <h2 class="h1-like">
                        Začněte růst na Instagramu hned teď</h2>

                    <div class="offers__icons">
                        <div class="icon-text">
                            <div class="icon-text__img"><svg height="23" viewBox="0 0 21 23" fill="none"
                                    xmlns="http://www.w3.org/2000/svg" width="20">
                                    <path
                                        d="M20.014 3.312c-5.644-.533-8.8-3.027-8.848-3.076a1.091 1.091 0 0 0-1.356 0C9.785.26 6.63 2.78.96 3.312A1.057 1.057 0 0 0 0 4.353c0 14.094 9.662 18.38 10.081 18.55.148.049.271.097.419.097a.821.821 0 0 0 .419-.097C11.338 22.733 21 18.447 21 4.353a1.1 1.1 0 0 0-.986-1.041Zm-5.398 6.61-4.264 4.215c-.468.46-1.306.46-1.775 0L6.261 11.86a1.213 1.213 0 0 1 0-1.743 1.262 1.262 0 0 1 1.774 0l1.43 1.404 3.377-3.318c.468-.46 1.306-.46 1.774 0 .247.243.37.533.37.872 0 .315-.123.63-.37.848Z"
                                        fill="#17CA80"></path>
                                </svg></div>
                            <div class="icon-text__text">100% doručení ihned</div>
                        </div>
                        <div class="icon-text">
                            <div class="icon-text__img"><svg height="19" viewBox="0 0 31 19" fill="none"
                                    xmlns="http://www.w3.org/2000/svg" width="28">
                                    <path
                                        d="M11.534 0H1.552C.7 0 0 .763 0 1.692v15.563c0 .929.7 1.692 1.552 1.692h10.013c.852 0 1.552-.763 1.552-1.692V10.75H9.161v2.19c0 .498-.518.763-.883.498L3.774 9.955c-.305-.233-.305-.73 0-.996l4.504-3.484c.365-.299.883 0 .883.498v2.19h3.926V1.659c0-.896-.7-1.659-1.553-1.659ZM29.023 0H19.04c-.852 0-1.552.765-1.552 1.695v6.482h3.926V5.983c0-.498.518-.764.883-.498l4.504 3.49c.304.232.304.731 0 .997l-4.504 3.49c-.365.3-.883 0-.883-.498V10.77h-3.926v6.482c0 .93.7 1.695 1.552 1.695h10.013c.852 0 1.552-.765 1.552-1.695V1.662C30.575.765 29.875 0 29.023 0Z"
                                        fill="#EE93F8"></path>
                                </svg></div>
                            <div class="icon-text__text ">
                                <div>Lajky lze rozdělit na více postů</div>
                            </div>
                        </div>
                        <div class="icon-text">
                            <div class="icon-text__img"><svg width="22" height="19" viewBox="0 0 25 19" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M14.483 0H4.057A4.104 4.104 0 0 0 1.19 1.166 3.94 3.94 0 0 0 0 3.976v11.048a3.94 3.94 0 0 0 1.19 2.81A4.104 4.104 0 0 0 4.057 19h10.426a4.104 4.104 0 0 0 2.867-1.166 3.94 3.94 0 0 0 1.19-2.81V3.976a3.94 3.94 0 0 0-1.19-2.81A4.104 4.104 0 0 0 14.483 0Zm-.79 6.333a1.64 1.64 0 0 1-.898-.267 1.59 1.59 0 0 1-.595-.71 1.553 1.553 0 0 1-.092-.915c.063-.307.216-.59.442-.81a1.646 1.646 0 0 1 1.76-.343c.296.119.549.322.726.582a1.561 1.561 0 0 1-.2 2 1.633 1.633 0 0 1-1.143.463ZM24.584 1.684a.82.82 0 0 0-.82.021l-3.611 2.212v11.169l3.61 2.212a.82.82 0 0 0 1.125-.27.78.78 0 0 0 .112-.401V2.377a.78.78 0 0 0-.112-.402.8.8 0 0 0-.304-.291Z"
                                        fill="#AEECFF"></path>
                                </svg></div>
                            <div class="icon-text__text ">K lajkům zdarma views</div>
                        </div>
                        <div class="icon-text">
                            <div class="icon-text__img"><svg width="30" height="23" viewBox="0 0 33 23" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M6.176 3.954c2.284 0 4.135 2.22 4.135 4.962 0 2.741-1.851 4.962-4.135 4.962-2.283 0-4.135-2.22-4.135-4.962 0-2.741 1.852-4.962 4.135-4.962ZM16.099 3.954c2.705 0 4.898 2.506 4.898 5.598s-2.193 5.599-4.898 5.599c-2.706 0-4.899-2.507-4.899-5.599s2.193-5.598 4.899-5.598ZM16.094 16.55c3.8 0 6.968 2.403 7.698 5.598H8.396c.73-3.195 3.899-5.598 7.698-5.598ZM26.592 5.353a4.198 4.198 0 1 1 .001 8.397 4.198 4.198 0 0 1 0-8.397ZM26.47 15.151c3.066 0 5.57 2.48 5.72 5.599h-6.902a8.916 8.916 0 0 0-2.894-3.845 5.63 5.63 0 0 1 4.076-1.754ZM6.538 15.151c1.823 0 3.471.671 4.659 1.754-1.461.974-2.618 2.3-3.309 3.845H0c.173-3.12 3.034-5.599 6.538-5.599Z"
                                        fill="#4198FF"></path>
                                </svg></div>
                            <div class="icon-text__text ">Nejvyšší kvalita followers</div>
                        </div>
                        <div class="icon-text">
                            <div class="icon-text__img"><svg height="23" viewBox="0 0 23 23" fill="none"
                                    xmlns="http://www.w3.org/2000/svg" width="23">
                                    <path
                                        d="M23 5.985v.521a1.294 1.294 0 0 1-.413.946 1.237 1.237 0 0 1-.964.319h-.026a1.232 1.232 0 0 1-.794-.414 1.285 1.285 0 0 1-.319-.85v-.522a3.45 3.45 0 0 0-.977-2.411 3.299 3.299 0 0 0-2.358-1h-.217c-.885 0-1.733.36-2.358 1a3.45 3.45 0 0 0-.977 2.411v1.903c-.837-.09-1.668-.161-2.516-.203V5.98a6.054 6.054 0 0 1 1.713-4.226A5.79 5.79 0 0 1 16.927 0h.217c.769 0 1.53.154 2.24.455.711.3 1.357.741 1.9 1.297a5.996 5.996 0 0 1 1.27 1.942C22.85 4.42 23 5.2 23 5.985Zm-5.082 5.705v9.16c0 .311-.106.614-.3.855-.196.24-.467.404-.767.462l-.796.153a37.359 37.359 0 0 1-14.192 0l-.796-.153a1.305 1.305 0 0 1-.766-.462A1.358 1.358 0 0 1 0 20.849V11.69c0-.312.106-.615.301-.856.195-.24.466-.404.766-.462l.117-.022a40.932 40.932 0 0 1 15.553 0l.116.022c.3.059.57.222.765.463.195.24.3.543.3.855Zm-5.675 2.436-.652-.667a.58.58 0 0 0-.806-.01l-2.692 2.436-1.25-1.002a.577.577 0 0 0-.777.05l-.65.667a.608.608 0 0 0-.03.816l2.288 2.704a.589.589 0 0 0 .438.201.576.576 0 0 0 .439-.201l3.711-4.161a.607.607 0 0 0-.019-.828v-.005Z"
                                        fill="#17CA80"></path>
                                </svg></div>
                            <div class="icon-text__text ">Nepotřebujeme heslo</div>
                        </div>
                        <div class="icon-text">
                            <div class="icon-text__img"><svg viewBox="0 0 22 22" fill="none"
                                    xmlns="http://www.w3.org/2000/svg" width="22" height="20">
                                    <path
                                        d="M15.206.815C10.362-1.14 4.76.52 1.849 4.749-1.013 8.927-.5 14.474 3.023 18.09c-.244 1.051-.734 2.322-1.712 2.957a.537.537 0 0 0-.22.513.526.526 0 0 0 .415.391c.05 0 .416.049 1.003.049 1.101 0 2.936-.195 4.526-1.32 1.248.465 2.569.71 3.939.71h.024c5.236 0 9.761-3.617 10.789-8.602C22.814 7.803 20.05 2.769 15.206.815Zm-8.073 6.94h5.529c.269 0 .49.22.49.488a.49.49 0 0 1-.49.489H7.133a.49.49 0 0 1-.49-.49.49.49 0 0 1 .49-.488Zm8.856 5.4H7.133a.49.49 0 0 1-.49-.49.49.49 0 0 1 .49-.488h8.856c.269 0 .49.22.49.489a.49.49 0 0 1-.49.488Z"
                                        fill="#EE93F8"></path>
                                </svg></div>
                            <div class="icon-text__text ">
                                <div>24/7 podpora na chatu</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="row" style="padding-left:10px; margin-top:30px;">
                        <a class="footer-card" href="/instagram-likes">
                            <img src="/img/profile.svg" style="" alt="">
                            <p style="font-size:15px; font-weight:500; color:#000;">
                                Instagram Followers</p>
                            <div class="footer-card-btn" style="">
                                <span class="od">
                                    od
                                </span>
                                <span>79 Kč</span>
                                <i class="fas fa-angle-right" style="color: rgba(255,255,255,.5); margin-left:3px;"></i>
                            </div>
                        </a>
                        <a class="footer-card" href="/instagram-likes">
                            <img src="/img/fullheart.svg" style="" alt="">
                            <p style="font-size:15px; font-weight:500; color:#000;">
                                Instagram Likes</p>
                            <div class="footer-card-btn" style="">
                                <span class="od">
                                    od
                                </span>
                                <span>49 Kč</span>
                                <i class="fas fa-angle-right" style="color: rgba(255,255,255,.5); margin-left:3px;"></i>
                            </div>
                        </a>

                        <a class="footer-card" href="/instagram-likes">
                            <img src="/img/video.svg" style="" alt="">
                            <p style="font-size:15px; font-weight:500; color:#000;">
                                Instagram Views</p>
                            <div class="footer-card-btn" style="">
                                <span class="od">
                                    od
                                </span>
                                <span>49 Kč</span>
                                <i class="fas fa-angle-right" style="color: rgba(255,255,255,.5); margin-left:3px;"></i>
                            </div>
                        </a>

                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {

            $("#reviewForm").on('submit', function(e) {
                e.preventDefault();
                $(".send-review").attr("disabled", "disabled");
                var name = $("#prezdivka").val();
                var email = $("#email").val();
                var rating = $("input[name=rating]:checked").val();
                var textarea = $("#rate-text").val();

                $.ajax({
                    url: "/submit-review",
                    type: "POST",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        name: name,
                        email: email,
                        rating: rating,
                        textarea: textarea,
                    },
                    success: function(response) {
                        $(".review-sent").show().delay(3000).fadeOut();
                        $(".send-review").removeAttr("disabled");
                        $("#prezdivka").val("");
                        $("#email").val("");
                        $("#rate-text").val("");
                    },
                });
            });
        });
    </script>
@endsection