@extends('layouts.admintemplate')
@section('content')
<div class="pcoded-main-container">
    <div class="pcoded-wrapper">
        <div class="pcoded-content">
            <!-- Page-header start -->
            <div class="page-header">
                <div class="page-block">
                    <div class="row align-items-center">
                        <div class="col-md-8">
                            <div class="page-header-title">
                                <h5 class="m-b-10">Peramalan Penjualan</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pcoded-inner-content">
                <div class="main-body">
                    <div class="page-wrapper">
                        <div class="page-body">
                            <div class="card">
                                <div class="card-header">
                                    <h5>Filter Peramalan</h5>
                                </div>
                                <div class="card-body">
                                    <form method="GET" action="{{ url('peramalanhasil') }}">
                                        <div class="row">
                                            <div class="col-md-12 mb-3">
                                                <label for="tanggal_awal">Tanggal Awal:</label>
                                                <input type="date" class="form-control" name="tanggal_awal"
                                                    value="{{ $tanggal_awal }}">
                                            </div>
                                            <div class="col-md-12 mb-3">
                                                <label for="tanggal_akhir">Tanggal Akhir:</label>
                                                <input type="date" class="form-control" name="tanggal_akhir"
                                                    value="{{ $tanggal_akhir }}">
                                            </div>
                                            <div class="col-md-12 mb-3">
                                                <label for="periode">Jumlah Periode Moving Average:</label>
                                                <select class="form-control select2" name="periode">
                                                    @foreach ([3, 4, 5, 7] as $i)
                                                        <option value="{{ $i }}" {{ $periode == $i ? 'selected' : '' }}>{{ $i }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="col-md-12 mb-3">
                                                <label>Nama Barang</label>
                                                <select name="idbarang[]" class="form-control namabarang select2"
                                                    required>
                                                    <option value="">Pilih Barang</option>
                                                    @foreach ($barang as $key => $value)
                                                    <option value="{{ $value->idproduk }}"
                                                        data-price="{{ $value->hargajual }}">
                                                        {{ $value->namaproduk }} -
                                                        {{ $value->stok }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="col-md-12">
                                                <button type="submit" class="btn btn-primary">Terapkan</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection