@extends('layouts.admin')

@section('title', 'Tax Revenue Report')
@section('content-header', 'Tax Revenue Report')
@push('styles')
<style>
    .button-gap {
      margin-right: 10px; /* Adjust the margin value to control the gap size */
      float: right;       
    }
</style>
@endpush
@section('content')
<div class="card">
    <div class="card-body">

      <form>
            <div class="form-group">
                <label for="selection_type">Report Type</label><br>
                <input type="radio" id="revenue" name="type" value="revenue">
                <label for="revenue">REVENUE</label><br>
                <input type="radio" id="tax" name="type" value="tax">
                <label for="tax">TAX</label>
            </div>
        </form>

      <!-- FORM 1 -->
      <form action="{{ route('revenue_report.store') }}" target="_blank" method="POST" enctype="multipart/form-data" id="revenue-form" style="display: none;">
            @csrf
            <div style="text-align: center;">
              <h3>REVENUE REPORT</h3>
            </div>

            <div class="form-group">
              <label>Select Outlet:</label>
              <br>
              <div class="form-check">
                <input class="form-check-input" type="checkbox" name="selection_type[]" id="ALL" value="ALL">
                <label class="form-check-label" for="ALL">
                  ALL Outlet
                </label>
              </div>
              <div class="row">
                @php
                  $count = 1;
                @endphp
                @foreach ($branches as $key)
                  <div class="col-md-4">
                    <div class="form-check">
                      <input class="form-check-input" type="checkbox" name="selection_type[]" id="{{ $key->BID }}" value="{{ $key->BID }}">
                      <label class="form-check-label" for="{{ $key->BID }}">
                        {{ $key->BID }} || {{ $key->Description }}
                      </label>
                    </div>
                  </div>
                  @if ($count % 3 == 0 || $count == count($branches))
                    </div><div class="row">
                  @endif
                  @php
                    $count++;
                  @endphp
                @endforeach
              </div>
            </div>


        <div class="form-group">

            <div class="form-group">
                <label for="selection_type">Select Register:</label>
                <select class="form-control" id="reg" name="reg">
                    @foreach ($register as $key)
                        <option value="{{ $key->reg_no }}">{{ $key->reg_no }}</option>
                    @endforeach
                </select>
            </div>

            @error('selection_type')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>

  

        
            <div class="form-group">
                <label for="format">TYPE</label><br>
                <input type="radio" id="summary" name="format" value="summary">
                <label for="revenue">SUMMARY</label><br>
                <input type="radio" id="detailed" name="format" value="detailed" checked>
                <label for="tax">DETAILED</label>
            </div>
       


            <div class="form-group">
                <label for="selection_type">Select Payment Method:</label>
                <select class="form-control" id="payment" name="payment">
                        <option value="ALL">ALL</option>
                    @foreach ($media as $key)
                        <option value="{{ $key->media_type }}">{{ $key->media_type }}</option>
                    @endforeach
                </select>
            </div>



            <div class="form-group">
                <label for="start_date">Report Start</label>
                <input type="date" name="start_date" class="form-control @error('start_date') is-invalid @enderror" id="start_date" max="{{ date('Y-m-d') }}">
                @error('start_date')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                @enderror
            </div>

            <div class="form-group">
                <label for="start_date">Report End</label>
                <input type="date" name="end_date" class="form-control @error('start_date') is-invalid @enderror" id="end_date" max="{{ date('Y-m-d') }}">
                @error('start_date')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                @enderror
            </div>


            <div class="button-container">
                <button type="submit" name="reportType" value="excel" class="btn btn-primary float-right" style="margin-left: 10px;">Generate EXCEL Report</button>
                <button type="submit" name="reportType" value="pdf" class="btn btn-primary float-right">Generate PDF Report</button>
            </div>
        </form>


        <!-- FORM 2 -->
        <form action="{{ route('revenue_report.tax') }}" target="_blank" method="POST" enctype="multipart/form-data" id="tax-form" style="display: none;">
          @csrf

          <div style="text-align: center;">
            <h3>REVENUE TAX REPORT</h3>
          </div>

          <div class="form-group">
              <label>Select Outlet:</label>
              <br>
              <div class="form-check">
                <input class="form-check-input" type="checkbox" name="selection_type[]" id="ALL" value="ALL">
                <label class="form-check-label" for="ALL">
                  ALL Outlet
                </label>
              </div>
              <div class="row">
                @php
                  $count = 1;
                @endphp
                @foreach ($branches as $key)
                  <div class="col-md-4">
                    <div class="form-check">
                      <input class="form-check-input" type="checkbox" name="selection_type[]" id="{{ $key->BID }}" value="{{ $key->BID }}">
                      <label class="form-check-label" for="{{ $key->BID }}">
                        {{ $key->BID }} || {{ $key->Description }}
                      </label>
                    </div>
                  </div>
                  @if ($count % 3 == 0 || $count == count($branches))
                    </div><div class="row">
                  @endif
                  @php
                    $count++;
                  @endphp
                @endforeach
              </div>
            </div>


          <div class="form-group">
              <label for="start_date">Report Start</label>
              <input type="date" name="start_date" class="form-control @error('start_date') is-invalid @enderror" id="start_date" max="{{ date('Y-m-d') }}">
              @error('start_date')
              <span class="invalid-feedback" role="alert">
                  <strong>{{ $message }}</strong>
              </span>
              @enderror
          </div>

          <div class="form-group">
              <label for="start_date">Report End</label>
              <input type="date" name="end_date" class="form-control @error('start_date') is-invalid @enderror" id="end_date" max="{{ date('Y-m-d') }}">
              @error('start_date')
              <span class="invalid-feedback" role="alert">
                  <strong>{{ $message }}</strong>
              </span>
              @enderror
          </div>

          <div class="button-container">
                <button type="submit" name="reportType" value="excel" class="btn btn-primary float-right" style="margin-left: 10px;">Generate EXCEL Report</button>
                <button type="submit" name="reportType" value="pdf" class="btn btn-primary float-right">Generate PDF Report</button>
          </div>
        </form>

            </div>
        </div>
        @endsection
        @section('js')
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
        <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

$(document).ready(function(){
    $('input[name="selection_type[]"]').click(function(){
        if ($(this).val() == 'ALL') {
            $('input[name="selection_type[]"]').not(this).prop('disabled', this.checked);
        } else {
            $('input[name="selection_type[]"][value="ALL"]').prop('disabled', $('input[name="selection_type[]"]:checked').length > 0);
        }
    });
});

$(document).ready(function() {
        $('input[name="type"]').change(function() {
            var selectedType = $(this).val();

            if (selectedType === 'revenue') {
                $('#revenue-form').show();
                $('#tax-form').hide();
            } else if (selectedType === 'tax') {
                $('#revenue-form').hide();
                $('#tax-form').show();
            }
        });
    });
  </script>


@endsection