@extends('layouts.appv2')



@section('content')
        <!-- ===============================================-->
        <!--    Main Content-->
        <!-- ===============================================-->
        <main class="main" id="top">
          <div class="container" data-layout="container">
            <script>
              var isFluid = JSON.parse(localStorage.getItem('isFluid'));
              if (isFluid) {
                var container = document.querySelector('[data-layout]');
                container.classList.remove('container');
                container.classList.add('container-fluid');
              }
            </script>
            {{-- <nav class="navbar navbar-light navbar-vertical navbar-expand-xl">
              <script>
                var navbarStyle = localStorage.getItem("navbarStyle");
                if (navbarStyle && navbarStyle !== 'transparent') {
                  document.querySelector('.navbar-vertical').classList.add(`navbar-${navbarStyle}`);
                }
              </script>
              
            </nav> --}}
            <div class="content">
             
              <div class="row g-3 mb-3">
                <div class="col-xxl-6">
                  <div class="row g-0 h-100">
                    <div class="col-12 mb-3">
                      <div class="card bg-light shadow-none">
                        <div class="bg-holder bg-card d-none d-sm-block" style="background-image:url(../assets/img/illustrations/ticket-bg.png);">
                        </div>
                        <!--/.bg-holder-->
    
                        
                        <div class="card-header d-flex align-items-center z-1 p-0"><img src="../assets/img/cgl/green.png" alt="" width="96" />
                            {{-- <div class="card-header d-flex align-items-center z-1 p-0"><img src="../assets/img/illustrations/ticket-welcome.png" alt="" width="96" /> --}}
                          <div class="ms-n3">
                            <h6 class="mb-1 text-primary">Welcome to</h6>
                            <h4 class="mb-0 text-primary fw-bold">CGL<span class="text-info fw-medium"> Dashboard</span></h4>
                            <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#staticBackdrop" aria-controls="staticBackdrop">
                                Toggle static offcanvas
                              </button>
                          </div>
                        </div>
                        
                      </div>
                      <br>
                      <div class="row  row-cols-1 row-cols-md-2 g-4">
                        {{-- Makati --}}
                        <div class="col">
                          <div class="card">
                            <div class="card-body">
                                <h2 class="text-center mb-4">Makati <span class="text-danger"> On-site</span></h2>
                              {{-- <h3 class="card-title">Onsite </h3> --}}
                              {{-- <a href="#" class="btn btn-primary">Go somewhere</a> --}}
                              {{-- <p class="card-text">With supporting text below as a natural lead-in to additional content.</p> --}}
                              <div class="row">
                                <div class="col-md-6">
                                    <h4> As of Year 2024 </h4>
                                    <hr>
                                    <h5 class="ms-4 mt-2">Policy Count:</h5>
                                    <h5 class="ms-4 mt-2">Premium:</h5>
                                  </div>
                                  <div class="col-md-6">
                                    <h4> Today </h4>
                                    <hr>
                                    <h5 class="ms-4 mt-2">Policy Count:</h5>
                                    <h5 class="ms-4 mt-2">Premium:</h5>
                                  </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        {{-- Manila --}}
                        <div class="col">
                            <div class="card">
                              <div class="card-body">
                                  <h2 class="text-center mb-4">Manila <span class="text-danger"> On-site</span></h2>
                                <div class="row">
                                  <div class="col-md-6">
                                      <h4> As of Year 2024 </h4>
                                      <hr>
                                      <h5 class="ms-4 mt-2">Policy Count:</h5>
                                      <h5 class="ms-4 mt-2">Premium:</h5>
                                    </div>
                                    <div class="col-md-6">
                                      <h4> Today </h4>
                                      <hr>
                                      <h5 class="ms-4 mt-2">Policy Count:</h5>
                                      <h5 class="ms-4 mt-2">Premium:</h5>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          {{-- Imus, cavite --}}
                          <div class="col">
                            <div class="card">
                              <div class="card-body">
                                  <h2 class="text-center mb-4">Imus, Cavitee <span class="text-danger"> On-site</span></h2>
                                <div class="row">
                                  <div class="col-md-6">
                                      <h4> As of Year 2024 </h4>
                                      <hr>
                                      <h5 class="ms-4 mt-2">Policy Count:</h5>
                                      <h5 class="ms-4 mt-2">Premium:</h5>
                                    </div>
                                    <div class="col-md-6">
                                      <h4> Today </h4>
                                      <hr>
                                      <h5 class="ms-4 mt-2">Policy Count:</h5>
                                      <h5 class="ms-4 mt-2">Premium:</h5>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          {{-- Bacoor, Cavite --}}
                          <div class="col">
                            <div class="card">
                              <div class="card-body">
                                  <h2 class="text-center mb-4">Bacoor, Cavite <span class="text-danger"> On-site</span></h2>
                                <div class="row">
                                  <div class="col-md-6">
                                      <h4> As of Year 2024 </h4>
                                      <hr>
                                      <h5 class="ms-4 mt-2">Policy Count:</h5>
                                      <h5 class="ms-4 mt-2">Premium:</h5>
                                    </div>
                                    <div class="col-md-6">
                                      <h4> Today </h4>
                                      <hr>
                                      <h5 class="ms-4 mt-2">Policy Count:</h5>
                                      <h5 class="ms-4 mt-2">Premium:</h5>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          {{-- Caloocan City --}}
                          <div class="col">
                            <div class="card">
                              <div class="card-body">
                                  <h2 class="text-center mb-4">Caloocan City <span class="text-danger"> On-site</span></h2>
                                <div class="row">
                                  <div class="col-md-6">
                                      <h4> As of Year 2024 </h4>
                                      <hr>
                                      <h5 class="ms-4 mt-2">Policy Count:</h5>
                                      <h5 class="ms-4 mt-2">Premium:</h5>
                                    </div>
                                    <div class="col-md-6">
                                      <h4> Today </h4>
                                      <hr>
                                      <h5 class="ms-4 mt-2">Policy Count:</h5>
                                      <h5 class="ms-4 mt-2">Premium:</h5>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          {{-- Calamba Laguna --}}
                          <div class="col">
                            <div class="card">
                              <div class="card-body">
                                  <h2 class="text-center mb-4">Calamba Laguna <span class="text-danger"> On-site</span></h2>
                                <div class="row">
                                  <div class="col-md-6">
                                      <h4> As of Year 2024 </h4>
                                      <hr>
                                      <h5 class="ms-4 mt-2">Policy Count:</h5>
                                      <h5 class="ms-4 mt-2">Premium:</h5>
                                    </div>
                                    <div class="col-md-6">
                                      <h4> Today </h4>
                                      <hr>
                                      <h5 class="ms-4 mt-2">Policy Count:</h5>
                                      <h5 class="ms-4 mt-2">Premium:</h5>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          {{-- Tagaytay --}}
                          <div class="col">
                            <div class="card">
                              <div class="card-body">
                                  <h2 class="text-center mb-4">Tagaytay <span class="text-danger"> On-site</span></h2>
                                <div class="row">
                                  <div class="col-md-6">
                                      <h4> As of Year 2024 </h4>
                                      <hr>
                                      <h5 class="ms-4 mt-2">Policy Count:</h5>
                                      <h5 class="ms-4 mt-2">Premium:</h5>
                                    </div>
                                    <div class="col-md-6">
                                      <h4> Today </h4>
                                      <hr>
                                      <h5 class="ms-4 mt-2">Policy Count:</h5>
                                      <h5 class="ms-4 mt-2">Premium:</h5>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                      </div>
                    </div>
                    
                    
                    </div>

                    
                  </div>
                    
                    {{-- <div class="col-12">
                       
              </div>
              <div class="row g-3">
                
              </div> --}}



              {{-- ///////////////////////////////// --}}
              {{-- Canavs --}}
              <div class="offcanvas offcanvas-end" data-bs-backdrop="static" tabindex="-1" id="staticBackdrop" aria-labelledby="staticBackdropLabel">
                <div class="offcanvas-header">
                  <h5 class="offcanvas-title" id="staticBackdropLabel">Offcanvas</h5>
                  <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                </div>
                <div class="offcanvas-body">
                  <div>
                    I will not close if you click outside of me.
                  </div>
                </div>
              </div>


              {{-- End Canvas --}}

              <footer class="footer">
                <div class="row g-0 justify-content-between fs--1 mt-4 mb-3">
                  <div class="col-12 col-sm-auto text-center">
                    <p class="mb-0 text-600">Thank you for creating with Falcon <span class="d-none d-sm-inline-block">| </span><br class="d-sm-none" /> 2023 &copy; <a href="https://themewagon.com">Themewagon</a></p>
                  </div>
                  <div class="col-12 col-sm-auto text-center">
                    <p class="mb-0 text-600">v3.16.0</p>
                  </div>
                </div>
              </footer>
            </div>
          </div>
        </main>
    
    
    
    <!-- ===============================================-->
    <!--    End of Main Content-->
    <!-- ===============================================-->
    @endsection