@extends('layouts/default')

{{-- Page title --}}
@section('title')
{{ "Create Stockopname" }}
@parent
@stop

{{-- Page content --}}
@section('content')


<div class="row">
  <div class="col-md-6">
    <div class="box box-default">
      <div class="box-body">


        <form action="{{ $url_submit }}" method="POST">
          {{ csrf_field() }}
            <div class="form-group row">
              <label for="filter_location" class="col-sm-4 col-form-label col-form-label-sm">Select Location :</label>
              <div class="col-sm-8">
                <select class="form-control" name="filter_location" id="filter_location" required>
                  <option value="">Choose...</option>
                                </select>
              </div>
            </div>

                        </form>
      </div>
    </div>
  </div>


</div>
<script>
		const searchForm = document.querySelector('form[action="{{ $url_submit }}"]');
		const finalForm  = document.querySelector('form[action="{{ url('sopname/store') }}"]');

		if (finalForm) {
		    finalForm.addEventListener('submit', function () {
		        let station = document.getElementById('notes_lokasi10')?.value || '';
		        document.getElementById('final_station_value').value = station;
		    });
		}



    const d = new Date();
				let month = d.getMonth()+ 1; 
				let year = d.getFullYear() ;
					const findQuarter = (month = 1) => {
					   if (month <= 3) {
						  return "Q1"//"Q1_"+year 
					   } else if (month <= 6) {
						  return "Q2" 
					   } else if (month <= 9) {
						  return "Q3" 
					   } else if (month <= 12) {
						  return "Q4" 
					   }
					}
				//document.getElementById("demo").innerHTML = findQuarter(month);
				
			var quarter = findQuarter(month);
			document.getElementById("myquarter1").innerText = quarter;
			document.getElementById("myquarter2").value = quarter;

</script>

@stop
@section('moar_scripts')
    @include('customes.partials.add-Sopname')
@stop