@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
            <ul class="nav nav-tabs">
              <!-- ページが増えた時の為に残しておく
              <li class="nav-item">
                <a href="{{ config('view.display.dp101.url')}}" class="nav-link">
                {{ config('view.display.dp101.name')}}
                </a>
              -->
              <li class="nav-item">
                <a href="{{ URL::to(config('view.display.dp201.url')) }}" class="nav-link active">
                {{ config('view.display.dp201.name')}}
                </a>
              </li>
            </ul>
            @if ($errors->any())
            <div class="alert alert-danger m-2">
            @foreach ($errors->all() as $error)
                <span>{{ $error }}</span>
            @endforeach
            </div>
            @endif
            <div class="tab-content">
              <div id="logmanage" class="tab-pane active p-3">
               <form action="{{ URL::to(config('view.display.dp201.url')) }}" method="POST">
                 @csrf
                 <input type="date" name="from" placeholder="from_date" id="from" value="{{ $from }}">
                 <span class="mx-3 text-grey">~</span>
                 <input type="date" name="until" placeholder="until_date" id="until" value="{{ $until }}">
                 <button type="submit" class="ml-2 btn btn-primary">{{ __('Search') }}</button>
              </form>
              <dp201-tabulator from="{{ @$from }}" until="{{ @$until }}" :csrf="csrf" />
              </div>
            </div>
            </div>
        </div>
    </div>
</div>


@endsection
@section('script')
<script>
function downloadApiData( log_id, type ) {
	var form = document.createElement("form");
	if( type == 'input' ) {
		form.setAttribute("action", "{{ URL::to(config('view.display.dp201-input.url')) }}");
	} else {
		form.setAttribute("action", "{{ URL::to(config('view.display.dp201-output.url')) }}");
	}
	 form.setAttribute("method", "post");
	 form.style.display = "none";
	 document.body.appendChild(form);
	 let data = {
       '_token': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
       'log_id': log_id
	 }
	 if (data !== undefined) {
	  for (var paramName in data) {
	   var input = document.createElement('input');
	   input.setAttribute('type', 'hidden');
	   input.setAttribute('name', paramName);
	   input.setAttribute('value', data[paramName]);
	   form.appendChild(input);
	  }
	 }
	 form.submit();
}
</script>
@endsection