@extends('layouts.app')

@section('content')
<style>.dropdownmenu{
    background-color:#ffffff;
    width:90px;
    height:70px;
    display: none;
    z-index: 1;
    padding: 15px;
    position:absolute;
    transition:  height 4s;
}
.dropdownmenu.active{
    display:block;
}
 </style>
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>

<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between bg-al">
                <div>
      <a href="{{url('companies-list')}}" class="btn clr-al"style="border-color:white">
        <i  class="fa-sharp fa-solid fa-arrow-left clr"></i>
      </a>
    </div>  
    <div class="bold pad-al head-capt">
                {{ __(trans('DASHBOARD')) }}
  </div>
                <div class="d-flex justify-content-end">
                <a class="export-btn btn btn-success"style="height: 26.083334px;margin-top: 5px" href="#" onclick="importfunction({{$company_details->id}})"><i class="fa-sharp fa-regular fa-upload"></i>{{trans('Trial Balance')}}</a>
                @if($zohoConfig)
                <div class="dropdown">
    <button class="btn btn-success  dropdown-toggle" type="button" data-toggle="dropdown" id="dropdown"style="margin-top:5px">
    <span class="caret" ></span>Import</button>
    <div class="dropdownmenu bold" id="dropmenu" style="background-color:antiquewhite;color:black;margin-top:13px;border-radius: 10px;">
      <a href="https://accounts.zoho.com/oauth/v2/auth?scope=ZohoBooks.fullaccess.all&client_id={{$zohoConfig->client_id}}&state={{$company_details->id}}&response_type=code&redirect_uri={{env('APP_URL')}}/grant-token&access_type=offline"> Zoho</a>
      <a href=""> Tally</a>
</div>
  </div>
              
                @else
                  <a class="export-btn btn btn-success" style="height: 26.083334px;margin-top: 5px" href="{{url('zohoconfig',['company_id'=>$company_details->id])}}" onclick=""><i class="fa-sharp fa-regular fa-upload"></i>{{trans('Config')}}</a>

                @endif 

                @if($excelConfig)
                <a class="export-btn btn btn-success" href="{{url('reconfig-excel',['company_id'=>$company_details->id])}}" title="Reconfigure Excel"style="
                  height: 26.083334px;
                  margin-top: 5px;"><i class="fa-solid fa-gear"></i></a>
                  
                @endif

          
               
                </div>
                </div>
                
                <div class="card-body clr-al">
                @if (session('error'))
                <div class="alert alert-danger" role="alert">
                {{session('error')}}
                </div>
                @endif

                @if (session('success'))
                <div class="alert alert-success" role="alert">
                {{session('success')}}
                </div>
                @endif

                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif

<h4 class="text-center" style="font-weight: bold;">{{strtoUpper($company_details->taxpayer)}}</h4>
<div class="export-btn-container d-flex justify-content-center">
    <!-- <a class="export-btn" href="report">See Audit Report</a> -->
    <div class="col-md-12">
    @if($reportList->count() > 0)
    <table class="table table-bordered table table-hover">
  <thead class="table-light">
    <tr>
      <th scope="col">Sno:</th>
      <th scope="col">{{trans('Date')}}</th>
      <!-- <th scope="col">Company Name</th> -->
      <!-- <th scope="col">File Name</th> -->
      <th scope="col">{{trans('Action')}}</th>
    </tr>
  </thead>
  <tbody>
  @if(count($reportList) > 0)
        @foreach($reportList as $report)
            <tr>
              <td>{{$loop->iteration}}</td>
              <td>{{$report->created_at}}</td>
              <!-- <td>{{$report->companyRelationShip->taxpayer}}</td> -->
              <!-- <td>{{$report->filename}}</td> -->
              <td>
                <a class="export-btn btn btn-success" href="{{url('trial_balance',['id'=>$report->id])}}" ><i class="fa-sharp fa-solid fa-right-left"></i>&nbsp; &nbsp;{{trans('Trial Balance')}}</a>
                <a class="export-btn btn btn-success" href="{{url('mapping',['company_id'=>$company_details->id,'report_id'=>$report->id])}}" ><i class="fa-sharp fa-solid fa-retweet"></i>&nbsp; &nbsp;{{trans('Map BS & PL')}}</a>
            </td>
            </tr>
        @endforeach
    @endif
    </tbody>
</table>

<!-- <div style="float:right; margin-top:10px;">
{!! $reportList->appends(request()->input())->links() !!}
</div> -->
    @else
   <div class="text-center">
  {{ "No Data Found" }}
  </div>
   
  
@endif
</div>
</div>
    
</div>
</div>
        </div>
    </div>
</div>

<div class="modal" id="myModal" role="dialog">
    <div class="modal-dialog">
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close import-excel-btn" data-dismiss="modal" onclick="importclose()">&times;</button>
          <h4 class="modal-title">{{trans('Upload Excel')}}</h4>
        </div>
        <div class="modal-body">
          <form method="POST" action="{{url('import-excel')}}" enctype="multipart/form-data">
            <div>
              @csrf
          <div class="form-group row">
              <div class="col-6">
                <label class="form-label">{{trans('Start Date')}}:</label>
                <input class="form-control" id="start_date" type="date" name="start_date" required="required"> </input>
              </div>

              <div class="col-6">
              <label class="form-label">{{trans('End Date')}}:</label>

                <input class="form-control" id="end_date" type="date" name="end_date" required="required"> </input>
              </div>
          </div>

          <div class="form-group my-1">
            <input class="form-control" type="file" name="import-excel" required="required"> </input>
          </div>

              <input id="company_id" type="hidden" name="company_id" required="required"> </input>
            </div>
        </div>
        <div class="modal-footer">
          <!-- <button class="import-excel-btn" type="button" class="btn btn-default" data-dismiss="modal" onclick="importclose()">Close</button> -->
          <button class="export-btn btn btn-success" type="submit" name="submit-excel" >{{trans('Import')}}</button>
        </div>
        </from>
      </div>
    </div>
  </div>
</div>


<script>
  function importfunction(id){
      $("#myModal").toggle();
      $('#company_id').val(id);
      // console.log(company_id);
  }
 function importclose(){
  $("#myModal").toggle();
 }
 </script>
 <script>
 $(document).ready(function () {
    $("#dropdown").on('click',function(event){
      $("#dropmenu").addClass('active');
    });
    $("body").on('click',function(event){
      $("#dropmenu").removeClass('active');
    });
  });
</script>
@endsection