@extends('adminlayout.dashadmin')
<!-- 'adminlayout.admin'
 --> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

@section('content')
 
<style >
  section .due_sec{
   margin: 10px 0px 10px 15px;
   
 }
 div .due_content{
   display: inline-block;
   border-radius: 10px;
   padding: 10px 15px 10px 15px;
 }
 div .due_warning{
  background-color: #bcfbaf;
}
div .due_success{
  background-color:#f9e1c0 ;
}
div  .due_primary{
  background-color: #b9e5f0;
}
</style>

<!-- Content Wrapper Start -->
<div class="content-wrapper">

  <!-- Content Header Start -->
 <section class="content-header" style="float:right; ">
   <a class="btn btn-lg btn-warning" href="http://127.0.0.1:8000/add-purchase-party">
    <i class="fa fa-fw fa-plus"></i>
    Add Sale
  </a>
  <a class="btn btn-lg btn-success" href="http://127.0.0.1:8000/add-purchase-party">
    <i class="fa fa-fw fa-plus"></i>
    Add Purchase
  </a> 
  <a class="btn btn-lg btn-primary" href="http://127.0.0.1:8000/add-purchase-party">
    <i class="fa fa-fw fa-plus"></i>
    Add Expences
  </a>    
</section>
  <!-- Content Header end -->
<br><br>
  <!-- Content Start -->
  <!-- Content Start -->
  <section class="content">

    <div class="box box-info collapsed-box">
    <div class="box-header with-border">
      <h3 class="box-title">
         From :         </h3>
        <input type="date" name="from"> 
        <h3 class="box-title"> to</h3>
         <input type="date" name="from">

          <label>
              <select name="supplier-supplier-list_length" aria-controls="supplier-supplier-list" class="form-control input-sm">
                <option value="all">All</option>
                <option value="25">Smgeo auto pvt</option>
                <option value="50">spvaig </option>
                <option value="100">df</option>
                <option value="200">sddd</option>
                <option value="-1">All</option>
              </select> </label>
         <button><i class="fa fa-fw fa-search"></i></button>
      </div>

      <div class="row">

        <section class="content-header due_sec">
         <div class="due_content due_warning" href="#">

          Paid
          <h4>7900.00</h4>
        </div>
        <div class="due_content due_icon" href="#">
          <i class="fa fa-fw fa-plus"></i>

        </div>
        <div class="due_content due_success" href="#">
          Unpaid
          <h4>7900.00</h4>
        </div> 
        <div class="due_content due_icon" href="#">
          =

        </div>
        <div class="due_content due_primary" href="#">

         Total amt.
         <h4>7900.00</h4>
       </div>    
     </section>
   </div>


 </div> 
    <div class="row">
      <div class="col-xs-12">
        <div class="box box-success">
          <div class="box-header">
            <h3 class="box-title">
              Customer Sale Report  </h3>
          </div>
          <div class="box-body">
            <div class="table-responsive"> 
                 
              <div id="supplier-supplier-list_wrapper" class="dataTables_wrapper form-inline dt-bootstrap"><div class="dataTables_length" id="supplier-supplier-list_length">
                <label>Show <select name="supplier-supplier-list_length" aria-controls="supplier-supplier-list" class="form-control input-sm"><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option><option value="200">200</option><option value="-1">All</option></select> entries</label>
              </div>
              <div id="supplier-supplier-list_filter" class="dataTables_filter">
                <label>Search:<input type="search" class="form-control input-sm" placeholder="" aria-controls="supplier-supplier-list">
                </label>
              </div>
              <div class="dt-buttons btn-group"> 
        <button class="btn btn-default buttons-print" tabindex="0" aria-controls="supplier-supplier-list" type="button" title="Print"><span><i class="fa fa-print"></i></span></button>
        <button class="btn btn-default buttons-copy buttons-html5" tabindex="0" aria-controls="supplier-supplier-list" type="button" title="Copy"><span><i class="fa fa-files-o"></i></span></button>
        <button class="btn btn-default buttons-excel buttons-html5" tabindex="0" aria-controls="supplier-supplier-list" type="button" title="Excel"><span><i class="fa fa-file-excel-o"></i></span></button>
        <button class="btn btn-default buttons-csv buttons-html5" tabindex="0" aria-controls="supplier-supplier-list" type="button" title="CSV"><span><i class="fa fa-file-text-o"></i></span></button>
        <button class="btn btn-default buttons-pdf buttons-html5" tabindex="0" aria-controls="supplier-supplier-list" type="button" title="PDF"><span><i class="fa fa-file-pdf-o"></i></span></button>
        <button id="email-btn" class="btn btn-default buttons-email" tabindex="0" aria-controls="invoice-invoice-list" type="button" title="Email"><span><i class="fa fa-envelope"></i></span></button>
                </div>
              <div id="supplier-supplier-list_processing" class="dataTables_processing panel panel-default" style="display: none;">
                <img src="../assets/itsolution24/img/loading2.gif">
              </div>
              <table id="supplier-supplier-list" class="table table-bordered table-striped table-hover dataTable" data-hide-colums="" role="grid" aria-describedby="supplier-supplier-list_info" style="width: 1197px;">
                <thead>
                  <tr class="bg-gray" role="row">
                    <th>SN</th>
                    <th>Expence Name</th>
                    <th>QTY</th>
                    <th>PRICE/UNIT</th>
                    
                    <th>AMOUNT</th>
                    <th>REMARK</th>
                        <th class="w-5 text-center sorting_disabled" rowspan="1" colspan="1" style="width: 53px;" aria-label="
                        Purchase                    ">
                         DATE                    </th>
                      <th class="w-5 text-center">
                      <i class="fa fa-trash-o"></i>
                    </th>
                    </tr>
                </thead>
                
              <tbody>
                <tr id="row_1" role="row" class="odd">
                  <td class="text-center sorting_1" >1</td>
                        <td >travel expencees</td>
                        <td >50</td>
                        <td >100</td>
                        
                        
                        <td class=" text-center" >5000</td>
                        <td class=" text-center" ><textarea type="text" readonly>
                           611 0 PHAPHAMAU Prayagraj

Phone no.: 9403891044 Email: smgeoautomobiles@gmail.com GSTIN: 09ABLCS3560Q1ZH, State: State: 09-Uttar Pradesh

Toll Free No. : 9403891044 
                        </textarea></td>
                        <td class=" text-center" >10 DEC 2023</td>
                       
                       <td> 
                       <div class="btn-group">
                         <a href="#" class="btn btn-default btn-info buttons-html5"type="button" title="Copy"><span><i class="fa fa-fw fa-pencil"></i></span></a>
  
                         </div>

                      </td>
                     </tr>
                 </tbody> 
             </table>
             <div class="dataTables_info" id="supplier-supplier-list_info" role="status" aria-live="polite">Showing 1 to 1 of 1 entries</div>
             <div class="dataTables_paginate paging_simple_numbers" id="supplier-supplier-list_paginate">
              <ul class="pagination">
                <li class="paginate_button previous disabled" id="supplier-supplier-list_previous"><a href="#" aria-controls="supplier-supplier-list" data-dt-idx="0" tabindex="0">Previous</a></li>
                <li class="paginate_button active"><a href="#" aria-controls="supplier-supplier-list" data-dt-idx="1" tabindex="0">1</a></li>
                <li class="paginate_button next disabled" id="supplier-supplier-list_next"><a href="#" aria-controls="supplier-supplier-list" data-dt-idx="2" tabindex="0">Next</a></li>
              </ul>
               </div>
             </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Content End -->
</div>
<!-- Content Wrapper End -->
   </div>
      </div>
      </section>
  <!-- Content End -->

</div>
<!-- Content Wrapper End -->
    
   
    <div class="scrolling-sidebar-bg"></div>
    <div class="scrolling-sidebar-mask"></div>
    <!-- Scrolling Sidebar End -->

    <footer class="main-footer">
      <div class="pull-right hidden-xs">
            Version            01.00      </div>
      <div class="copyright">Copyright © 2023 <a href="http://itsolution24.com">Spvaig pvt ltd</a>, All rights reserved.</div>
    </footer>
</div>
<!-- End Wrapper -->

<!-- Start Filter Box -->
<div id="filter-box" class="text-center">
    <div class="jumbotron">
        <div class="container">
            <form action="" method="get">
                <div class="row">
                                        <div class="col-md-4 col-md-offset-2 form-group-lg">
                        <input class="form-control date" type="date" name="from" value="" placeholder="From" readonly>
                    </div>
                    <div class="col-md-4 form-group-lg">
                        <input class="form-control date" type="date" name="to" value="" placeholder="To" readonly>
                    </div>
                </div>
                <div class="well r-50">
                    <div class="row">
                        <div class="col-md-2"></div>
                        <div class="col-md-2">
                            <a href="/posv33/admin/dashboard.php?filter=yes&ftype=today&from=2023-11-02&to=2023-11-02" class="btn btn-primary btn-block r-50" >Today</a>
                        </div>
                         <div class="col-md-2">
                            <a href="/posv33/admin/dashboard.php?filter=yes&ftype=week&from=2023-10-26&to=2023-11-02" class="btn btn-success btn-block r-50" >Last 7 Days</a>
                        </div>
                        <div class="col-md-2">
                            <a href="/posv33/admin/dashboard.php?filter=yes&ftype=month&from=2023-10-03&to=2023-11-02" class="btn btn-warning btn-block r-50" >Last 30 Days</a>
                        </div>
                        <div class="col-md-2">
                            <a href="/posv33/admin/dashboard.php?filter=yes&ftype=year&from=2022-11-02&to=2023-11-02" class="btn btn-info btn-block r-50" >Last 365 Days</a>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 col-md-offset-4">
                        <button class="btn btn-block btn-lg btn-danger" type="submit">
                            <span class="fa fa-search"></span> Filter                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div id="close-filter-box">
        <span class="fa fa-angle-up" title="Close"></span>
    </div>
</div>
<!-- End Filter Box -->




<style>
.profitWrap
{
  padding: 5px;
}
</style>
<script>
function getProfit(para, todate, fromdate)
{
  $('.profitbox').removeClass('active');
  $('#'+para+'profit').addClass('active');
   var url = "{{ url('admin/get-profit') }}"+'/'+fromdate+'/'+todate;
                $.ajax({
                    url: url,                   
                    type: "GET",                  
                    dataType: 'json',
                    success: function(response) {
                         console.log(response);           
              if (response.status == "1") {
              $('#profitamount').html(response.totalProfit);
            }
                    },
                    error: function(error) {
                        console.log(error.responseText);
                    }
                });
}
function searchLink()
{
  var searchText = $('#search').val();
  if(searchText)
  {
     $('.searchlist').show();
     var flag=0;
    var searchString='<ul class="serachul">';
    $('.nk-menu').find('a').each(function(e) {    
       var linkname = $(this).text().trim();
       var link = $(this).attr('href');
       if((linkname.toLowerCase()).includes(searchText.toLowerCase()))
       {
         searchString +='<li><a href="'+link+'">'+linkname+'</a></li>';
         flag=1;
       }
       
     });
     if(!flag)
     {
        searchString +='<li><a>No Record found</a></li>';
     }
     searchString +='</ul>';  
     $('.searchlist').html(searchString);
   
  }else
  {
     $('.searchlist').hide();
  }
}
</script>



  <!--Party  Modal -->
          <div class="modal fade" id="add_party" tabindex="-1" role="dialog" aria-labelledby="add_partyLabel" aria-hidden="true">
            <div class="modal-dialog" role="document" style="width: max-content!important;">
              <div class="modal-content " >
               
                <div class="">
                <!-- id="printArea" -->
                <div class="modal-header">
                  <h3 class="text-center" id="add_partyLabel"> InvoiceTax </h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
                <div class="modal-body printable-area" style="width: max-content!important;">
                 <!-- Add Party Create Form -->
                 <div class="modal-body" id="modal-body">
                  <section class="main-pd-wrapper" style="width: 1000px; margin: auto;border: 1px solid #000; padding: 15px;">
                    <div style="display: table-header-group">
                      <div style="text-align: center; margin: 0">
                         <img src="{{asset('assets/images/sm_icon.png')}}">
                          <h1>SM GEO AUTOMOBILES PRIVATE LIMITED</h1>
                      </div>

                      <table style="width: 100%; table-layout: fixed;">
                        <tr>
                          <td
                          style=""
                          >
                          <div
                          style="
                          text-align: left;
                          margin: auto;
                          line-height: 1.5;
                          font-size: 14px;
                          color: #4a4a4a;
                          "
                          >
                          <!-- <img src="{{asset('assets/images/sm_icon.png')}}"> -->
                          <h3>ARVI ELECTRIC LIMITED</h3>
                          <p style="">
                            611 0 PHAPHAMAU Prayagraj
                          </p>
                          <p style="">
                            <b>Phone no.:</b> 9403891044 <b>Email:</b> smgeoautomobiles@gmail.com
                            <b>GSTIN:</b>  09ABLCS3560Q1ZH, <b>State:</b> State: 09-Uttar Pradesh
                          </p>
                          <p style="font-weight: bold">
                            Toll Free No. :
                            <a href="tel:9403891044 " style="color: #00bb07"
                            >9403891044</a
                            >
                          </p>
                        </div>
                      </td>
                      <td
                      align="right"
                      style="
                      text-align: right;
                      padding-left: 50px;
                      line-height: 1.5;
                      color: #323232;
                      "
                      >
                      <div>
                        <h4 style="margin-top: 5px; margin-bottom: 5px">
                          Bill to/ Ship to
                        </h4>

                        <p style="font-size: 14px">
                          <b>ANUJ AGRAHARI</b>
                          <b>Address:</b> SULTANPUR KHAS MAUAIMA
                          <b>Contact No. :</b> 9125170780
                          <b>GSTIN :</b> 09DWTPA6143Q1ZP
                          <b>State:</b> 09-Uttar Pradesh
                          <a href="tel:9125170780" style="color: #00bb07"
                          >9125170780</a
                          >
                        </p>
                      </div>
                    </td>
                  </tr>
                </table>
              </div>
              <table
              class="table table-bordered h4-14"
              style="width: 100%; -fs-table-paginate: paginate; margin-top: 15px;border: 1px solid #f4f4f4;"
              >
              <thead style="display: table-header-group">
                <tr
                style="
                margin: 0;
                background: #fcbd021f;
                padding: 15px;
                padding-left: 20px;
                -webkit-print-color-adjust: exact;
                "
                >
                <td colspan="4">
                  <h3>
                    <span
                    style="
                    font-weight: 300;
                    font-size: 85%;
                    color: #626262;
                    margin-left: 5px;
                    "
                    ><b>Order ID:</b> 12122</span
                    >
                    <p
                    style="
                    font-weight: 300;
                    font-size: 85%;
                    color: #626262;
                    margin-top: 7px;
                    "
                    >
                    <b>Delivery Estimate:</b>
                    <span style="color: #00bb07">Today  date</span
                      ><br />
                    </p>
                  </h3>
                </td>
                <td colspan="5">
                  <p><b> Invoice No:-</b> 09</p>
                  <p style="margin: 5px 0"><b> Invoice Generated:-</b> Thu May 19 3:41PM</p>
                  <p style="margin-bottom: 5px"><b> CIN:</b> U52100DL2016PTC292777</p>
                  <p><b> License No.</b> 10819005000131</p>
                </td>
                <td colspan="4" style="width: 300px">
                  <h4 style="margin: 0">Sold By:</h4>
                  <p>
                          <b>Address:</b> SULTANPUR KHAS MAUAIMA <br>
                          <b>Contact No. :</b> 9125170780<br>
                          <b>GSTIN :</b> 09DWTPA6143Q1ZP<br>
                          <b>State:</b> 09-Uttar Pradesh
                  </p>
                </td>
              </tr>

              <tr style="background-color: #7ebf11;">
                <th style="width: 50px">#</th>
                <th style="width: 150px"><h4>Item Name</h4></th>
                <th style="width: 80px">
                  <h4>
                    HSN<br />
                    Code
                  </h4>
                </th>
                <th style="width: 80px"><h4>QTY</h4></th>
                <th style="width: 60px"><h4>MRP</h4></th>
                <th style="width: 80px">
                  <h4>
                    Unit<br />
                    Price
                  </h4>
                </th>

                <th style="width: 80px">
                  <h4>
                    Taxable <br />
                    Amount
                  </h4>
                </th>
                <th style="width: 80px">
                  <h4>
                    Tax <br />
                    Rate %
                  </h4>
                </th>
                <th style="width: 80px">
                  <h4>
                    CGST
                    <hr />
                    Amount
                  </h4>
                </th>
                <th style="width: 80px">
                  <h4>
                    SGST/<br />
                    UTGST
                    <hr />
                    Amount
                  </h4>
                </th>
                <th style="width: 120px"><h4>TOTAL Value</h4></th>
              </tr>
            </thead>
            <tbody>
              <tr style="background-color: gainsboro;">
                <td>01</td>
                <td>GEO-3 MAGIC
                (WITH 60v/30ah LITHIUM ION
                BATTERY WITH CHARGER)</td>
                <td>40590200</td>
                <td>1</td>
                <td>₹ 72,875.00</td>
                <td>₹ 72,875.00</td>
                <td>₹ 72,875.00</td>
                <td>₹ 72,875.00</td>
                <td>₹ 12.00</td>
                <td>₹ 24.59</td>
                <td>₹ 72,915.00</td>
              </tr>
              <tr style="background-color: gainsboro;">
                <td>02</td>
                <td>GEO-5/CLASSY
                (WITH 60v/30ah LITHIUM ION
                 BATTERY WITH CHARGER)</td>
                <td>40590200</td>
                <td>1</td>
                <td>₹ 72,875.00</td>
                <td>₹ 72,875.00</td>
                <td>₹ 72,875.00</td>
                <td>₹ 72,875.00</td>
                <td>₹ 12.00</td>
                <td>₹ 24.59</td>
                <td>₹ 72,915.00</td>
              </tr>
              <tr style="background-color: gainsboro;">
                <td>Total</td>
                <td></td>
                <td></td>
                <td><b>2</b></td>
                <td></td>
                <td></td>
                <td><b>₹ 150,750.00</b></td>
                <td></td>
                <td><b> ₹ 48.00</b></td>
                <td><b> ₹ 49.06</b></td>
                <td><b> ₹ 150,849.00</b></td>
              </tr>
            </tbody>
            <tfoot>
              <tr >
                
                <th  colspan="10" style="background-color: #7ebf11;">
                  <h4 style="text-align: center;">
                    <b>Invoice Amount In Words</b>
                  </h4>
                </th>
                <th><b>₹ 150,849.00</b></th>
              </tr>
              <tr >
                
                <th  colspan="11">
                  <h4 style="text-align: center;">
                    <b>One Lakh Fifty Eight Thousand Two Hundred Eighty Eight Rupees only </b>
                  </h4>
                </th>
                
              </tr>
              <tr >
                <th  colspan="5" style="background-color: gainsboro;">
                  <h4 style="text-align: center;">
                    <b>Terms and Conditions </b>
                  </h4>
                </th>
                <th  colspan="6" style="background-color: gainsboro;">
                  <h4 style="text-align: center;">
                    <b>Terms and Conditions </b>
                  </h4>
                </th>
                
              </tr>
              <tr >
                <th  colspan="5" >
                  <h4 style="text-align: center;">
                    <b>Thanks for doing business with us! </b>
                  </h4>
                </th>
                <th  colspan="6" >
                  <div style="text-align: center;">
                     <p style="text-align: center;">ARVI ELECTRIC LIMITED</p>
                     <p style="text-align: center; padding-top:15%">
                       

                     </p>

                     <span style="text-align: center;"> (Authorized Signatory) </span>
                     <br>
                     <p></p>
                  </div>
                </th>
                
              </tr>
            </tfoot>
          </table>

         
        </section></div>
                </div>
              </div>
                <div class="modal-footer" style="text-align: center;">

                  <button onclick="printArea()" class="btn btn-primary"><span class="fa fa-fw fa-print"></span> Print</button>
                </div>
              </div>
            </div>
           <br>
          </div>


@endsection

<style>
      * {
        box-sizing: border-box;
      }

      
      .h4-14 h4 {
        font-size: 12px;
        margin-top: 0;
        margin-bottom: 5px;
      }
      .img {
        margin-left: "auto";
        margin-top: "auto";
        height: 30px;
      }
      pre,
      p {
        /* width: 99%; */
        /* overflow: auto; */
        /* bpicklist: 1px solid #aaa; */
        padding: 0;
        margin: 0;
      }
      table {
        font-family: arial, sans-serif;
        width: 100%;
        border-collapse: collapse;
        padding: 1px;
      }
      .hm-p p {
        text-align: left;
        padding: 1px;
        padding: 5px 4px;
      }
      td,
      th {
        text-align: left;
        padding: 8px 6px;
      }
      .table-b td,
      .table-b th {
        border: 1px solid #ddd;
      }
      th {
        /* background-color: #ddd; */
      }
      .hm-p td,
      .hm-p th {
        padding: 3px 0px;
      }
      .cropped {
        float: right;
        margin-bottom: 20px;
        height: 100px; /* height of container */
        overflow: hidden;
      }
      .cropped img {
        width: 400px;
        margin: 8px 0px 0px 80px;
      }
      .main-pd-wrapper {
        box-shadow: 0 0 10px #ddd;
        background-color: #fff;
        border-radius: 10px;
        padding: 15px;
      }
      .table-bordered td,
      .table-bordered th {
        border: 1px solid #ddd;
        padding: 10px;
        font-size: 14px;
      }
    </style>

 <script>
    function printArea() {
      // Create a new window for printing
      var printWindow = window.open('');

      // Get the content of the printable area
      var printableContent = document.querySelector('.printable-area').innerHTML;

      // Write the content to the new window
      printWindow.document.write('<html><head><title>Printable Area</title></head><body>');
      printWindow.document.write(printableContent);
      printWindow.document.write('</body></html>');

      // Close the document for printing
      printWindow.document.close();

      // Trigger the print dialog
      printWindow.print();
      location.reload(true);
    }
  </script>


<script src="https://code.responsivevoice.org/responsivevoice.js?key=S6BfrffE"></script>
@if(get_notification_count() != "0")
<script>
    setTimeout(responsiveVoice.speak("You have received new notifications. Please see."),3000);
</script>
@endif
 <script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>
 {{-- <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> --}}
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
@if(Auth::user()->hasRole('super_admin', 'admin', 'partner', 'franchise', 'suvidha_kendra'))
{{-- @if($notification!='')
    <script>
        jQuery.noConflict();
        $(window).on('load', function() {
            Swal.fire({
                title: "{{ $notification->notification }}!",
                html: "<img src='{{ asset($notification->image) }}' width='100%' >",
                // icon: "success",
                timer: 10000,
                showCancelButton: true,
                showCloseButton: true,
            });
        });
    </script>
  
@endif --}}
@endif
@if(Auth::user()->hasRole('suvidha_kendra'))
<script src="{{asset('assets/js/loan.js?v=1.2')}}"></script>
 <style>
    #loading, #results {
        display: none;
    }
    </style>
@endif
@if(Auth::user()->hasRole('super_admin'))
<script>
 $(window).on('load', function() {
    $('#filingmodal').modal('show');

});
</script>
 
@endif