@extends('layouts.admin')

@section('title', 'Daily Revenue Report')
@section('content-header', 'Daily Revenue Report')

@section('content')
<div class="card">
    <div class="card-body">
        <form action="{{ route('finalsale_report.store') }}" target="_blank" method="POST" enctype="multipart/form-data">
            @csrf

            <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 Date</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="report_date">Report Type</label><br>
              <input type="radio" name="report_type" value="hour" id="option1" class="@error('report_date') is-invalid @enderror" checked>
              <label for="option1">Hourly</label>
              <input type="radio" name="report_type" value="media" id="option2" class="@error('report_date') is-invalid @enderror">
              <label for="option2">Media</label><br>
              @error('report_date')
              <span class="invalid-feedback" role="alert">
                  <strong>{{ $message }}</strong>
              </span>
              @enderror
          </div>



            <button class="btn btn-primary float-right" type="submit">Generate Report</button>
        </form>
    </div>
</div>
@endsection
@section('js')
<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);
        }
    });
});
</script>

@endsection