@extends('layouts.app')
@section('content')
<div style="width: fit-content; align-content: center; align-self: center; margin: 10px auto"
     xmlns="http://www.w3.org/1999/html">
    <form action="{{route('bill.store')}}" method="post">
      <script type="text/javascript">
        var today = new Date();

        var dd = today.getDate();
        var mm = today.getMonth()+1; //January is 0!
        var yyyy = today.getFullYear();

        if(dd<10) {
        dd = '0'+dd
        }

        if(mm<10) {
        mm = '0'+mm
        }

        // today = yyyy + '/' + mm + '/' + dd;
        today = yyyy + '-' + mm + '-' + dd;

        console.log(today);
        document.getElementById('dateto1').value = today;
    </script>
        @csrf

        @foreach($providers as $provider)
            <div class="form-group">
                <label for="{{$provider->name}}{{$provider->id}} ">{{$provider->name}}</label>
                <input type="text" class="form-control" name="{{$provider->id}}" id="{{$provider->id}}" >

            </div>

        @endforeach

            <label>Date</label>
            <input type="date"  name="dateto1" id="dateto1" class="form-control" >

                <button type="submit" class="btn btn-primary">Submit</button>

    </form>



</div>
@endsection