@extends('layout')
    @section('title', 'Dashborad')
    @section('content')
    @if(session('customer_id'))
      <div class="container-fluid mt-4">
            <div class="row g-4">
            <div class="col-sm-6 col-xl-3">
                <div class="card card-animate">
                  <div class="card-body">
                <div class="d-flex align-items-center">
                   <div class="avatar-sm flex-shrink-0">
                        <span class="avatar-title bg-primary-subtle text-primary rounded-2 fs-2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M246.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 402.7 361.4 265.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-160 160zm160-352l-160 160c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 210.7 361.4 73.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3z"/></svg>
                        </span>
                    </div>
                    <div class="ms-3">
                        <a href="/my-downline">
                            <p class="mb-2 card-text">{{ __('text.my-donwline') }}</p>
                        </a>
                    </div>
                </div>
                 </div>
            </div>
            </div>
            
             <div class="col-sm-6 col-xl-3">
                <div class="card card-animate">
                  <div class="card-body">
                <div class="d-flex align-items-center">
                   <div class="avatar-sm flex-shrink-0">
                        <span class="avatar-title bg-primary-subtle text-primary rounded-2 fs-2">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  width="24" height="24" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
                        
                        <defs>
                        </defs>
                        <g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
                        <path d="M 75.949 90 H 14.051 C 6.303 90 0 83.697 0 75.949 V 14.051 C 0 6.303 6.303 0 14.051 0 h 61.898 C 83.697 0 90 6.303 90 14.051 v 61.898 C 90 83.697 83.697 90 75.949 90 z M 14.051 8 C 10.714 8 8 10.714 8 14.051 v 61.898 C 8 79.285 10.714 82 14.051 82 h 61.898 C 79.285 82 82 79.285 82 75.949 V 14.051 C 82 10.714 79.285 8 75.949 8 H 14.051 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(170,45,41); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                        <path d="M 69.488 29.432 H 20.511 c -2.209 0 -4 -1.791 -4 -4 s 1.791 -4 4 -4 h 48.977 c 2.209 0 4 1.791 4 4 S 71.697 29.432 69.488 29.432 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(170,45,41); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                        <path d="M 69.488 49 H 20.511 c -2.209 0 -4 -1.791 -4 -4 s 1.791 -4 4 -4 h 48.977 c 2.209 0 4 1.791 4 4 S 71.697 49 69.488 49 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(170,45,41); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                        <path d="M 69.488 68.568 H 20.511 c -2.209 0 -4 -1.791 -4 -4 s 1.791 -4 4 -4 h 48.977 c 2.209 0 4 1.791 4 4 S 71.697 68.568 69.488 68.568 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(170,45,41); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                        </g>
                        </svg>
                    <!--<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-briefcase text-primary"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg>-->
                    </span>
                    </div>
                    <div class="ms-3">
                        <a href="/listing">
                            <p class="mb-2 card-text">{{ __('text.listing') }}</p>
                        </a>
                    </div>
                </div>
                 </div>
            </div>
            </div>
            
            <div class="col-sm-6 col-xl-3">
                <div class="card card-animate">
                  <div class="card-body">
                <div class="d-flex align-items-center">
                   <div class="avatar-sm flex-shrink-0">
                        <a href="/withdrawal" class="avatar-title bg-primary-subtle text-primary rounded-2 fs-2">
                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 640 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M535 41c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l64 64c4.5 4.5 7 10.6 7 17s-2.5 12.5-7 17l-64 64c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l23-23L384 112c-13.3 0-24-10.7-24-24s10.7-24 24-24l174.1 0L535 41zM105 377l-23 23L256 400c13.3 0 24 10.7 24 24s-10.7 24-24 24L81.9 448l23 23c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L7 441c-4.5-4.5-7-10.6-7-17s2.5-12.5 7-17l64-64c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9zM96 64H337.9c-3.7 7.2-5.9 15.3-5.9 24c0 28.7 23.3 52 52 52l117.4 0c-4 17 .6 35.5 13.8 48.8c20.3 20.3 53.2 20.3 73.5 0L608 169.5V384c0 35.3-28.7 64-64 64H302.1c3.7-7.2 5.9-15.3 5.9-24c0-28.7-23.3-52-52-52l-117.4 0c4-17-.6-35.5-13.8-48.8c-20.3-20.3-53.2-20.3-73.5 0L32 342.5V128c0-35.3 28.7-64 64-64zm64 64H96v64c35.3 0 64-28.7 64-64zM544 320c-35.3 0-64 28.7-64 64h64V320zM320 352a96 96 0 1 0 0-192 96 96 0 1 0 0 192z"/></svg>
                           
                        </a>
                    </div>
                    <div class="ms-3">
                        <a href="/withdrawal">
                            <p class="mb-2 card-text">{{ __('text.my')}}  {{ __('text.withdrawal') }}</p>
                        </a>
                    </div>
                </div>
                 </div>
            </div>
            </div>
            
                  <div class="col-sm-6 col-xl-3">
                <div class="card card-animate">
                  <div class="card-body">
                <div class="d-flex align-items-center">
                   <div class="avatar-sm flex-shrink-0">
                        <a href="/orderlist" class="avatar-title bg-primary-subtle text-primary rounded-2 fs-2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M160 112c0-35.3 28.7-64 64-64s64 28.7 64 64v48H160V112zm-48 48H48c-26.5 0-48 21.5-48 48V416c0 53 43 96 96 96H352c53 0 96-43 96-96V208c0-26.5-21.5-48-48-48H336V112C336 50.1 285.9 0 224 0S112 50.1 112 112v48zm24 48a24 24 0 1 1 0 48 24 24 0 1 1 0-48zm152 24a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z"/></svg>
                            
                        </a>
                    </div>
                    
                      <div class="ms-3">
                        <a href="/orderlist">
                            <p class="mb-2 card-text"> {{ __('text.orderlist') }}</p>
                        </a>
                    </div>
                </div>
                 </div>
            </div>
            </div>
                
                
            <div class="col-sm-6 col-xl-3 mt-3">
                <div class="card card-animate">
                  <div class="card-body">
                <div class="d-flex align-items-center">
                   <div class="avatar-sm flex-shrink-0">
                        <a href="/earning" class="avatar-title bg-primary-subtle text-primary rounded-2 fs-2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"  viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M459.1 52.4L442.6 6.5C440.7 2.6 436.5 0 432.1 0s-8.5 2.6-10.4 6.5L405.2 52.4l-46 16.8c-4.3 1.6-7.3 5.9-7.2 10.4c0 4.5 3 8.7 7.2 10.2l45.7 16.8 16.8 45.8c1.5 4.4 5.8 7.5 10.4 7.5s8.9-3.1 10.4-7.5l16.5-45.8 45.7-16.8c4.2-1.5 7.2-5.7 7.2-10.2c0-4.6-3-8.9-7.2-10.4L459.1 52.4zm-132.4 53c-12.5-12.5-32.8-12.5-45.3 0l-2.9 2.9C256.5 100.3 232.7 96 208 96C93.1 96 0 189.1 0 304S93.1 512 208 512s208-93.1 208-208c0-24.7-4.3-48.5-12.2-70.5l2.9-2.9c12.5-12.5 12.5-32.8 0-45.3l-80-80zM200 192c-57.4 0-104 46.6-104 104v8c0 8.8-7.2 16-16 16s-16-7.2-16-16v-8c0-75.1 60.9-136 136-136h8c8.8 0 16 7.2 16 16s-7.2 16-16 16h-8z"/></svg>
                           
                        </a>
                    </div>
                       <div class="ms-3">
                        <a href="/earning">
                            <p class="mb-2 card-text">{{ __('text.my')}} {{ __('text.earning') }}</p>
                        </a>
                    </div>
                </div>
                 </div>
            </div>
            </div>
       
            <div class="col-sm-6 col-xl-3 mt-3">
                <div class="card card-animate">
                  <div class="card-body">
                <div class="d-flex align-items-center">
                   <div class="avatar-sm flex-shrink-0">
                        <a href="{{route('reset_password')}}" class="avatar-title bg-primary-subtle text-primary rounded-2 fs-2">
                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M336 352c97.2 0 176-78.8 176-176S433.2 0 336 0S160 78.8 160 176c0 18.7 2.9 36.8 8.3 53.7L7 391c-4.5 4.5-7 10.6-7 17v80c0 13.3 10.7 24 24 24h80c13.3 0 24-10.7 24-24V448h40c13.3 0 24-10.7 24-24V384h40c6.4 0 12.5-2.5 17-7l33.3-33.3c16.9 5.4 35 8.3 53.7 8.3zM376 96a40 40 0 1 1 0 80 40 40 0 1 1 0-80z"/></svg>
                        </a>
                    </div>
                       <div class="ms-3">
                        <a href="{{route('reset_password')}}">
                            <p class="mb-2 card-text">{{ __('text.change') }} {{ __('text.password') }}</p>
                        </a>
                    </div>
                </div>
                 </div>
            </div>
            </div>
            
              <div class="col-sm-6 col-xl-3 mt-3">
                <div class="card card-animate">
                  <div class="card-body">
                <div class="d-flex align-items-center">
                   <div class="avatar-sm flex-shrink-0">
                        <a href="{{route('customer_edit', session('customer_id') )}}" class="avatar-title bg-primary-subtle text-primary rounded-2 fs-2">
                           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"  viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152V424c0 48.6 39.4 88 88 88H360c48.6 0 88-39.4 88-88V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V424c0 22.1-17.9 40-40 40H88c-22.1 0-40-17.9-40-40V152c0-22.1 17.9-40 40-40H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H88z"/></svg>
                           
                        </a>
                    </div>
                       <div class="ms-3">
                        <a href="{{route('customer_edit')}}">
                            <p class="mb-2 card-text">{{ __('text.edit') }} {{ __('text.profile')}}</p>
                        </a>
                    </div>
                </div>
                 </div>
            </div>
            </div>
                    
                 
                     </div>
                     </div>
                    </div>
                    </div>
      </div>
                    </div>
                    @endif
                 </div>

@endsection