@extends('adminlayout.dashadmin')

@section('content')

<style >
   .cursor{
   cursor: pointer;
   }
   .nk-content-fluid{
   margin-top: 65px;
   position: relative;
   }
   .team-info li{
   font-size: .7900rem !important;
   }
   .margin-top{
        margin-top: 10px;
   }
</style>

<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js" integrity="sha256-+C0A5Ilqmu4QcSPxrlGpaZxJ04VjsRjKu+G82kl5UJk=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css" integrity="sha256-ze/OEYGcFbPRmvCnrSeKbRTtjG4vGLHXgOqsyLFTRjg=" crossorigin="anonymous" />


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

  
<section class="content">


 

 <div class="row">
  <div class="col-xs-12">

    <div class="box box-success">
      <div class="box-header">
        <h3 class="box-title">
        <b>List Of Ledgers     </h3>

        <div class="box-tools pull-right">
        <div class="btn-group">
          
        </div>
    </div>  
      </div>
      <div class="box-body">
      <div class="d-flex justify-content-center align-items-center" style="height: 560px;">
        <div class="col-lg-4 col-md-4 col-sm-12">
          

        </div>
        <div class="col-lg-4 col-md-4 col-sm-12">
        <div class="text-center">
            <p style="float:right;"><a href="#">Create</a></p>
            <div class="form-group ">
                            <label for="parent_id"></label>
                            <select id="routeSelect" onchange="navigateToRoute()"class="form-control form-select form-control-lg" name="parent_id" data-search="on">
                                 <option value="">Select Ledgers</option>
                                 <option value="{{route('ledger')}}">Amit Enterprices</option>
                                 <option value="{{route('ledger')}}">AVYA Enterprices</option>
                                 <option value="{{route('ledger')}}">Anvi Enterprices</option>
                                 <option value="{{route('ledger')}}">ashu Enterprices</option>
                                 <option value="{{route('ledger')}}">ashok Enterprices</option>
                                 <option value="{{route('ledger')}}">anil Enterprices</option>
                                 <option value="{{route('ledger')}}">ajay Enterprices</option>
                                 <option value="{{route('ledger')}}">ravi Enterprices</option>
                                 <option value="{{route('ledger')}}">vinay Enterprices</option>

                            </select>
                             
                        </div>
        </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-12"></div>
      </div>
</div>
</div>
</div>
</div>


</section>
<!-- Content End -->
</div>



@endsection
 <script>
    $(document).ready(function () {
      $('select').selectize({
          sortField: 'text'
      });
  });
</script>


  <script>
function navigateToRoute() {
    const selectElement = document.getElementById("routeSelect");
    const selectedValue = selectElement.value;
    
    if (selectedValue) {
        window.location.href = selectedValue;
    }
}
</script>

 <div class="modal fade" id="addons-1" tabindex="1" role="dialog" aria-labelledby="add_productLabel" aria-hidden="true" style="display: none;">
                                          <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                  <div class="modal-header">
                                                    <h5 class="modal-title" id="add_productLabel"> </h5>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                      <span aria-hidden="true">×</span>
                                                    </button>
                                                  </div>
                                                  <div class="modal-body">
                                                      <div class="row">

                                                      <div class=" col-sm-12 col-md-12 ">
                                                      
                                                      <table class="table">
                                                        <tr>
                                                          <td>Name<td>
                                                          <td><input type="text" value="Reserves & Surplus" class="form-control" readonly><td>
                                                        </tr>
                                                        <tr>
                                                          <td>Under<br><td>
                                                          <td><b>Capital Account</b><td>
                                                        </tr>
                                                        <tr>
                                                          <td><td>
                                                          <td><td>
                                                        </tr>
                                                        <tr>
                                                          <td>Nature Of Groups<td>
                                                          <td><b>Liabilities</b><td>
                                                        </tr>
                                                        <tr>
                                                          <td>Group Behave Like a sub-ledger<td>
                                                          <td><select>
                                                            <option value="no">No</option>
                                                            <option value="yes">Yes</option>
                                                          </select><td>
                                                        </tr>
                                                        <tr>
                                                          <td>Nett Debit/Credit Balances For Report<td>
                                                          <td><select>
                                                            <option value="no">No</option>
                                                            <option value="yes">Yes</option>
                                                          </select><td>
                                                        </tr>
                                                        <tr>
                                                          <td>Used For Calculation (For example: Taxes,Discounts)<td>
                                                          <td><select>
                                                            <option value="no">No</option>
                                                            <option value="yes">Yes</option>
                                                          </select><td>
                                                        </tr>
                                                        <tr>
                                                          <td>Method To Allocate When Used in Purchase Invoice<td>
                                                          <td><select>
                                                            <option value="no">No</option>
                                                            <option value="yes">Yes</option>
                                                          </select><td>
                                                        </tr>
                                                      </table>
                                                   
                                                    
                                                   </div>
                                                 
                                                  </div>
                                                  <div class="modal-footer" style="text-align: center;">
                                                    <button type="submit" class="btn btn-primary">Update</button>
                                                  </div>
                                                 
                                                </div>
                                              </div>
                                         
                                             <br>
                                            </div>
                                        </div>