@extends('layout.template')

@section('title')
    Report Pasien
@endsection

@section('content')
    <h3 class="text-center">Report Periksa</h3>
    <form enctype="multipart/form-data" action="{{route('report.show')}}" 
    class="row form border d-flex"
    method="POST">
    @csrf
        <div class="d-flex justify-content-center">
            <div class="form-group card-body">
                <label for="">Tanggal Mulai</label>
                <input type="text" id="tanggalMulai" name="tanggalMulai" width="276">
            </div>
            <div class="form-group card-body">
                <label for="">Tanggal Akhir</label>
                <input type="text" id="tanggalAkhir" name="tanggalAkhir" width="276">
            </div>
        </div>
        <div class="col-sm-4">
            <div class="form-group card-body">
                <br>
                <input type="submit" value="Cari" class="btn btn-lg btn-info">
            </div>
        </div>
    </form>
    <script>
        $('#tanggalMulai').datepicker({
            uiLibrary: 'bootstrap4',
            format: 'yyyy-mm-dd'
        });
        $('#tanggalAkhir').datepicker({
            uiLibrary: 'bootstrap4',
            format: 'yyyy-mm-dd'
        });
    </script>
@endsection