{{-- @extends('layouts.master')
@section('content') --}}
    <html lang="en">

    <head>
        <title>Enviz AI Lab</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=0.1" />
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
        <link rel="stylesheet" href="{{ asset('css/style1.css') }}" />
    </head>

    <body class="frame" style="background-color: #000">
        <div class="container-fluid" style="background-color: #000000c2; border-radius: 13px">
            <div class="row">
                <div class="col-lg-5">
                    <div class="row">
                        <h3 style="color: #fff; text-align: center">Input Config</h3>

                        <div class="col-lg-3">
                            <div style="height: 67px"></div>

                            <div>
                                <div class="main-circle1">
                                    <div class="btn-2" style="padding: 1px 10px; background: #81dce9">
                                        <p style="font-size: 11px;
    margin: 0px;    padding: 8px 1px 8px 1px;
}">
                                            IP CCTV CAM<span class="chk-box"><input class="form-check-input" type="checkbox"
                                                    id="check1" name="option1" value="something" /></span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div style="height: 35px"></div>
                            <div style="margin-top: 23px">
                                <div class="main-circle1">
                                    <div class="btn-2" style="padding: 1px 10px; background: #81dce9">
                                        <p style="font-size: 11px;
    margin: 0px;    padding: 8px 1px 8px 1px;
}">
                                            ONVIF CAM<span class="chk-box"><input class="form-check-input" type="checkbox"
                                                    id="check1" name="option1" value="something" /></span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div style="height: 50px"></div>
                            <div style="margin-top: 7px">
                                <div class="main-circle1">
                                    <div class="btn-2" style="padding: 1px 10px; background: #81dce9">
                                        <p style="font-size: 11px;
    margin: 0px;    padding: 8px 1px 8px 1px;
}">
                                            DVR IP Output<span class="chk-box"><input class="form-check-input"
                                                    type="checkbox" id="check1" name="option1"
                                                    value="something" /></span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div style="height: 50px"></div>
                            <div>
                                <div class="main-circle1">
                                    <div class="btn-2" style="padding: 1px 10px; background: #00a4e7">
                                        <p style="font-size: 11px;
    margin: 0px;    padding: 8px 1px 8px 1px;
}">
                                            NVR Streaming URL<span class="chk-box"><input class="form-check-input"
                                                    type="checkbox" id="check1" name="option1"
                                                    value="something" /></span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div style="height: 50px"></div>
                            <div>
                                <div class="main-circle1">
                                    <div class="btn-2" style="padding: 1px 10px; background: #00a4e7">
                                        <p style="font-size: 11px;
    margin: 0px;    padding: 8px 1px 8px 1px;
}">
                                            NAS or File Input Location<span class="chk-box"><input class="form-check-input"
                                                    type="checkbox" id="check1" name="option1"
                                                    value="something" /></span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-1">
                            <div style="height: 50px"></div>
                            <div style="margin-top: 11px"><img
                                    src="{{ asset('assets-new/images/test-design/arrow3.png') }}" /></div>
                            <div style="height: 55px"></div>
                            <div><img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" /></div>
                            <div style="height: 58px"></div>
                            <div><img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" /></div>
                            <div style="height: 61px"></div>
                            <div><img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" /></div>
                            <div style="height: 45px"></div>
                            <div><img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" /></div>
                        </div>
                        <div class="col-lg-3">
                            <div style="height: 25px"></div>

                            <div>
                                <div class="main-circle1">
                                    <p
                                        style="
                      font-size: 10px;
                      line-height: 14px;
                      /* margin-top: -12px; */
                      text-align: center;
                      margin-left: 28%;
                      color: #fff;
                    ">
                                        Number Of Camera Stream
                                    </p>
                                    <input type="number" class="form-control btn-02"
                                        style="
                      width: 90%;
                      margin-left: 26%;
                      background: #757373;
                      font-size: 10px;
                    "
                                        id="email" placeholder="Enter Here" name="email" />
                                    <!-- </span> -->
                                    <!-- </button> -->
                                </div>
                            </div>
                            <div style="height: 25px"></div>
                            <div>
                                <div class="main-circle1">
                                    <p
                                        style="
                      font-size: 10px;
                      line-height: 14px;
                      /* margin-top: -12px; */
                      text-align: center;
                      margin-left: 28%;
                      color: #fff;
                    ">
                                        Number Of Camera Stream
                                    </p>
                                    <input type="number" class="form-control btn-02"
                                        style="
                      width: 90%;
                      margin-left: 26%;
                      background: #757373;
                      font-size: 10px;
                    "
                                        id="number" placeholder="Enter Here" name="email" />
                                </div>
                            </div>
                            <div style="height: 25px"></div>
                            <div>
                                <div class="main-circle1">
                                    <p
                                        style="
                      font-size: 10px;
                      line-height: 14px;
                      /* margin-top: -12px; */
                      text-align: center;
                      margin-left: 28%;
                      color: #fff;
                    ">
                                        Number Of DVR Streams
                                    </p>
                                    <input type="number" class="form-control btn-02"
                                        style="
                      width: 90%;
                      margin-left: 26%;
                      background: #757373;
                      font-size: 10px;
                    "
                                        id="number" placeholder="Enter Here" name="email" />
                                </div>
                            </div>
                            <div style="height: 30px"></div>
                            <div>
                                <div class="main-circle1">
                                    <p
                                        style="
                      font-size: 10px;
                      line-height: 14px;
                      /* margin-top: -12px; */
                      text-align: center;
                      margin-left: 22%;
                      color: #fff;
                    ">
                                        Number Of Source Stream URLs
                                    </p>
                                    <input type="number" class="form-control btn-02"
                                        style="
                      width: 90%;
                      margin-left: 26%;
                      background: #00a4e7;
                      font-size: 10px;
                    "
                                        id="number" placeholder="Enter Here" name="email" />
                                </div>
                            </div>
                            <div style="height: 25px"></div>
                            <div>
                                <div class="main-circle1">
                                    <p
                                        style="
                      font-size: 10px;
                      line-height: 14px;
                      /* margin-top: -12px; */
                      text-align: center;
                      margin-left: 28%;
                      color: #fff;
                    ">
                                        Number Of Files
                                    </p>
                                    <input type="number" class="form-control btn-02"
                                        style="
                      width: 90%;
                      margin-left: 26%;
                      background: #00a4e7;
                      font-size: 10px;
                    "
                                        id="number" placeholder="Enter Here" name="email" />
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-1">
                            <div style="height: 50px"></div>
                            <div style="margin-top: 11px"><img
                                    src="{{ asset('assets-new/images/test-design/arrow3.png') }}" /></div>
                            <div style="height: 55px"></div>
                            <div><img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" /></div>
                            <div style="height: 58px"></div>
                            <div><img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" /></div>
                            <div style="height: 62px"></div>
                            <div><img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" /></div>
                            <div style="height: 43px"></div>
                            <div><img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" /></div>
                        </div>
                        <div class="col-lg-3">
                            <div style="height: 50px"></div>
                            <div class="form-check"
                                style="
                  border: 1px solid #ccc;
                  padding: 18px 10px 10px 10px;
                  line-height: 49px;
                  border-radius: 10px;
                  margin-left: 22px;
                  box-shadow: 1px 1px 20px #ccc;
                ">
                                <input class="form-check-input" type="checkbox" id="check1" name="option1"
                                    value="something" />
                                <label class="form-check-label">ONVIF</label><br />
                                <input class="form-check-input" type="checkbox" id="check1" name="option1"
                                    value="something" />
                                <label class="form-check-label">RTSP</label><br />
                                <input class="form-check-input" type="checkbox" id="check1" name="option1"
                                    value="something" />
                                <label class="form-check-label">UDP</label><br />
                                <input class="form-check-input" type="checkbox" id="check1" name="option1"
                                    value="something" />
                                <label class="form-check-label">HLS</label><br />
                                <input class="form-check-input" type="checkbox" id="check1" name="option1"
                                    value="something" />
                                <label class="form-check-label">Others</label>
                            </div>
                            <div style="height: 30px"></div>
                            <div style="text-align: center">
                                <img src="{{ asset('assets-new/images/test-design/arrow3.png') }}"
                                    style="
                    margin-left: 93px;
                    rotate: 332deg;
                    margin-top: -27px;
                    width: 56%;
                  " />
                            </div>
                            <div style="height: 50px"></div>
                            <div style="text-align: center">
                                <img src="{{ asset('assets-new/images/test-design/arrow3.png') }}"
                                    style="
                    margin-left: 93px;
                    rotate: 332deg;
                    margin-top: -27px;
                    width: 56%;
                  " />
                            </div>
                        </div>
                        <div class="col-lg-1">
                            <div style="height: 100px"></div>
                            <!-- <div style="height: 65px;"></div> -->
                            <div><img src="{{ asset('assets-new/images/test-design/arrow3.png') }}"
                                    style="rotate: 32deg" /></div>
                        </div>
                        <br /><br /><br />
                    </div>
                </div>
                <div class="col-lg-2">
                    <h3 style="color: #fff; text-align: center">
                        Select Your Desire Package
                    </h3>
                    <div class="dropdown">
                        <select id="mySelect" style="font-size: 15px">
                            <option value="volvo" style="font-size: 15px">
                                Select Your Plan
                            </option>
                            <option value="volvo">1 Months</option>
                            <option value="saab">3 Month</option>
                            <option value="mercedes">6 Months</option>
                            <option value="audi">12 Months</option>
                        </select>
                    </div>

                    <div class="main-circle">
                        <button class="btn-1">
                            <p style="font-size: 15px; margin-top: 12px" class="glow">
                                Enviz MVX Video Saas Surveillance As A Service
                            </p>
                        </button>
                    </div>
                    <div style="text-align: center">
                        <img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" style="rotate: 90deg" />
                    </div>
                    <div>
                        <div>
                            <div class="main-circle1" style="margin-top: 19px; text-align: center">
                                <button class="btn-02" style="border-radius: 10px">
                                    <input class="form-check-input" type="checkbox" id="check1" name="option1"
                                        value="something" />
                                    <p style="font-size: 12px; line-height: 14px; margin-top: 12px">
                                        Dashboard Access For Report
                                    </p>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-5">
                    <div class="row">
                        <h3 style="color: #fff; text-align: center">
                            Select The Services You Want To Subscribe To
                        </h3>
                        <div class="col-lg-1">
                            <div style="height: 50px"></div>
                            <div style="margin-top: 11px; margin-left: -19px"></div>
                            <div style="height: 30px"></div>

                            <div style="margin-left: -30px">
                                <img src="{{ asset('assets-new/images/test-design/arrow3.png') }}"
                                    style="rotate: 323deg" />
                            </div>

                            <div style="height: 65px"></div>
                            <div style="margin-top: 11px; margin-left: -100%">
                                <img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" />
                            </div>

                            <div style="height: 65px"></div>
                            <div style="margin-top: 11px; margin-left: -100%">
                                <img src="{{ asset('assets-new/images/test-design/arrow3.png') }}"
                                    style="rotate: 29deg" />
                            </div>
                        </div>
                        <div class="col-lg-3">
                            <div style="height: 50px"></div>
                            <div>
                                <div class="main-circle1" style="text-align: center">
                                    <div class="btn-2" style="margin-left: 25%; height: 65px; background: #0bd025">
                                        <div style="height: 10px"></div>
                                        <input class="form-check-input" type="checkbox" id="check1" name="option1"
                                            value="something" style="margin-top: 6px" />
                                        <p
                                            style="
                        font-size: 17px;
                        line-height: 16px;
                        margin-top: 5px;
                        font-weight: 600;
                      ">
                                            Enviz Enrich
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div style="margin-top: 23px">
                                <div class="main-circle1">
                                    <div class="btn-2"
                                        style="
                      margin-left: 25%;
                      background: #95c929;
                      padding: 40px 0px 40px 0px;
                      text-align: center;
                    ">
                                        <input class="form-check-input" type="checkbox" id="check1" name="option1"
                                            value="something" />
                                        <p
                                            style="
                        font-size: 26px;
                        /* line-height: 14px; */
                        margin-top: 12px;
                        padding: 6px;
                      ">
                                            MVX
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div style="height: 25px"></div>

                            <div>
                                <div class="main-circle1">
                                    <div class="btn-2"
                                        style="
                      margin-left: 25%;
                      height: 225px;
                      background: #00c151;
                      padding: 40px 0px 40px 0px;
                      text-align: center;
                    ">
                                        <input class="form-check-input" type="checkbox" id="check1" name="option1"
                                            value="something" />
                                        <p style="font-size: 26px; margin-top: 12px">Enviz Probe</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-1">
                            <div style="height: 45px"></div>
                            <div style="margin-top: 11px; margin-left: -100%">
                                <img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" />
                            </div>
                            <div style="height: 35px"></div>
                            <div style="margin-left: -100%">
                                <img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" />
                            </div>
                            <div style="height: 25px"></div>
                            <div style="margin-left: -2.1rem">
                                <img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" />
                            </div>
                            <div style="height: 29px"></div>
                            <div style="margin-left: -2.1rem">
                                <img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" />
                            </div>
                            <div style="height: 29px"></div>
                            <div style="margin-left: -2.1rem">
                                <img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" />
                            </div>
                            <div style="height: 21px"></div>
                            <div style="margin-left: -2.1rem">
                                <img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" />
                            </div>
                            <div style="height: 16px"></div>
                            <div style="margin-left: -2.1rem">
                                <img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" />
                            </div>
                            <div style="height: 26px"></div>
                            <div style="margin-left: -2.1rem">
                                <img src="{{ asset('assets-new/images/test-design/arrow3.png') }}" />
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div style="height: 50px"></div>

                            <div>
                                <div class="main-circle1">
                                    <div class="btn-02" style="margin-left: 5%; background: #0bd025">
                                        <p
                                            style="
                        font-size: 12px;
                        line-height: 14px;
                        padding: 10px 13px;
                      ">
                                            <span class="f-width">Video Enrichment Frame By Frame Analysis Insightful<br />
                                                Data</span><span class="chk-box"><input class="form-check-input"
                                                    type="checkbox" id="check1" name="option1"
                                                    value="something" /></span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div style="height: 9px"></div>
                            <div>
                                <div class="main-circle1">
                                    <div class="btn-02" style="margin-left: 3%; background: #95c929">
                                        <p
                                            style="
                        font-size: 12px;
                        line-height: 14px;
                        padding: 10px 13px;
                      ">
                                            Remote Camera Stream Monitoring & Analytics<span class="chk-box"><input
                                                    class="form-check-input" type="checkbox" id="check1"
                                                    name="option1" value="something" /></span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div style="height: 10px"></div>
                            <div>
                                <div class="main-circle1">
                                    <div class="btn-02" style="background: #95c929">
                                        <p
                                            style="
                        font-size: 12px;
                        line-height: 14px;
                        padding: 10px 13px;
                      ">
                                            Compliance Recording On the Cloud<span class="chk-box"><input
                                                    class="form-check-input" type="checkbox" id="check1"
                                                    name="option1" value="something" /></span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div style="height: 10px"></div>
                            <div>
                                <div class="main-circle1">
                                    <div class="btn-02" style="margin-left: 3%; background: #95c929">
                                        <p
                                            style="
                        font-size: 12px;
                        line-height: 14px;
                        padding: 10px 13px;
                      ">
                                            Virtual Wall Of Camera Monitoring<span class="chk-box"><input
                                                    class="form-check-input" type="checkbox" id="check1"
                                                    name="option1" value="something" /></span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div style="height: 10px"></div>
                            <div>
                                <div class="main-circle1">
                                    <div class="btn-02" style="margin-left: 3%; background: #00c151">
                                        <p
                                            style="
                        font-size: 12px;
                        line-height: 14px;
                        padding: 10px 13px;
                      ">
                                            Access Control, Attendence System Object Counter<span class="chk-box"><input
                                                    class="form-check-input" type="checkbox" id="check1"
                                                    name="option1" value="something" /></span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div style="height: 10px"></div>
                            <div>
                                <div class="main-circle1">
                                    <div class="btn-02" style="margin-left: 3%; background: #00c151">
                                        <p
                                            style="
                        font-size: 12px;
                        line-height: 14px;
                        padding: 10px 13px;
                      ">
                                            Motion Detection<span class="chk-box"><input class="form-check-input"
                                                    type="checkbox" id="check1" name="option1"
                                                    value="something" /></span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div style="height: 10px"></div>
                            <div>
                                <div class="main-circle1">
                                    <div class="btn-02" style="margin-left: 3%; background: #00c151">
                                        <p
                                            style="
                        font-size: 12px;
                        line-height: 14px;
                        padding: 10px 13px;
                      ">
                                            Speech To Text Services<span class="chk-box"><input class="form-check-input"
                                                    type="checkbox" id="check1" name="option1"
                                                    value="something" /></span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div style="height: 10px"></div>
                            <div>
                                <div class="main-circle1">
                                    <div class="btn-02" style="margin-left: 3%; background: #00c151">
                                        <p
                                            style="
                        font-size: 12px;
                        line-height: 14px;
                        padding: 10px 13px;
                      ">
                                            Forensic Analysis, Facial Matching, Gender Detection,
                                            Frame Level Analysis<span class="chk-box"><input class="form-check-input"
                                                    type="checkbox" id="check1" name="option1"
                                                    value="something" /></span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-2">
                            <div style="height: 140px"></div>
                            <div>
                                <div>
                                    <div class="main-circle1">
                                        <div class="btn-02" style="border-radius: 10px">
                                            <p
                                                style="
                          font-size: 11px;
                          line-height: 14px;
                          margin-top: 12px;
                          padding: 10px 4px;
                        ">
                                                Custom Alarm & Notification<span class="chk-box"><input
                                                        class="form-check-input" type="checkbox" id="check1"
                                                        name="option1" value="something" /></span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <br /><br /><br />
                    </div>
                </div>
            </div>
        </div>
    </body>

    </html>
{{-- @endSection --}}
