@extends('layouts.app')
@extends('layouts.head')
<!-- パンくずリスト -->

@section('content')
<!-- start スタート-->
<main class="container">
    <div class="d-flex align-items-center p-3 my-3 text-white bg-kitano rounded shadow-sm">
        <img class="me-3" src="{{ asset('img/bootstrap-logo-white.svg') }}" alt="" width="48" height="38">
        <div class="lh-1">
            <h1 class="h6 mb-0 text-white lh-1">curry kitano</h1>
            <small>calc</small>
        </div>
    </div>
    <div class="my-3 p-2 bg-body rounded shadow-sm">
    <form class="" name="form_adpage2" id="form_adpage2" method="post" action="javascript:void(0)">
        @csrf
        <div class="form-group-lg d-flex">
            <label class="control-label me-2" for="lg">Bouillons</label>
            <div class="col-sm-3">
                <input class="form-control input-lg" id="number" name="number" type="number">
            </div>
            <div class="col-sm-5 ms-1">
                <button type="submit" class="btn btn-primary" onclick="calcurry()">calc</button>
            </div>      
        </div>
        <div class="lh-1" id="curry_reg_ok"></div>
            <p class="pb-3 mb-0 small lh-sm">
                <div class="col-md-6"> <p>PATE DU CURRY: <span id="roux" style="color:red;"></span> g</p></div>
                <div class="col-md-6"> <p>POUDRE: <span id="poud" style="color:red;"></span> g</p></div>
            </p>  
    </form>
    </div>
    <hr>
			<div class="row gy-3">
			<div class="col-md-12">
				<h5>計量データ</h5>
				
				<table class="table" id="cry_record" style="">
					<thead>
						<tr>
						<th scope="col">日付</th>
						<th scope="col">ブイヨン</th>
						<th scope="col">ルー</th>
						<th scope="col">魔法の粉</th>
						</tr>
					</thead>
					<tbody>
					@foreach ($cry_datas as $datas)
					<tr>
                        <td>{{ $datas['created_at'] }}</td>
						<td>{{ $datas['bouillons'] }}</td>
						<td>{{ $datas['pate'] }}</td>
						<td>{{ $datas['poudre'] }}</td> 						
					</tr>
					@endforeach
					</tbody>
				</table>
			</div>
			</div><!--row end-->
</main>
<!-- end -->
@endsection

@extends('layouts.footer')
<!-- [ADD]FUMI Javascripts currypateculs -->
<script src="{{ asset('js/currypateculs.js') }}"></script>