@extends('layouts.main-layout')

@section('content')
<style>
    
</style>
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body" style="background-color: #fff;">
                <div class="datatable-wrapper table-responsive text-dark table-bordered"
                style="min-height: 500px; padding:20px;">
                <div class="row d-flex justify-content-end"
                style="margin-bottom: 20px; margin-right: 5px;">
                    <a class="btn btn-primary" href="{{ route('forecast.create') }}"
                    style="width: 150px;">Create Forecast</a>
                </div>
                    {!! $dataTable->table() !!}
                </div>
            </div>
        </div>
    </div>
</div>

{{ $dataTable->scripts() }}

@endsection