@extends('layouts.app', [
    'class' => 'seed-planning index',
])

@section('content')
    @include('partials._page-title', [
        'title' => 'Planejamento de Semeadura',
        'desc' => 'Planeje a semeadura considerando a produtividade de vários anos.',
    ])

    <div class="panel-body">

        @include('partials._alert')

        <div class='hide' data-json="chartTypes">{!! json_encode($chartTypes) !!}</div>

        <div class="filter-actions">

            <div class="filters">

                <x-entity-selector :entity="'fields'" />

                <div>
                    <select class="form-select select2" name="culture_id" placeholder='Cultura' required>

                        <option value>Cultura</option>
    
                        @foreach ($cultures as $culture)
                            <option value="{{ $culture->id }}">{{ $culture->name }}</option>
                        @endforeach
    
                    </select>
                </div>

                <div>
                    <select class="form-select select2" name="cycle" placeholder='Ciclo' required>
    
                        <option value>Ciclo</option>

                        @for($i = 10; $i <= 150; $i += 10)
                            <option value="{{ $i }}">{{ $i }} dias</option>
                        @endfor
    
                    </select>
                </div>

                <div>
                    <select class="form-select select2" name="climate_phenomenon" placeholder='Fenômeno Climático' required>
                        <option value>Fenômeno Climático</option>

                        <option value="all">Todos</option>
                        @foreach($enos as $eno)
                        <option value="{{ $eno->id }}">{{ $eno->name }}</option>
                        @endforeach
    
                    </select>
                </div>

                <div>
                    <button type="button" class="btn btn-primary btn-submit">
                        Calcular
                    </button>
                </div>
                {{-- <div>
                    <button type="button" class="btn btn-primary btn-export">
                        Exportar
                    </button>
                </div> --}}
            </div>

        </div>

        <div class="charts">
            {{-- Chart html model --}}
            {{-- <div class="chart">
                
                <div class="content">
                    
                    <div class="header">
    
                        <div class="quote medium bold">
                            Janela de Plantio
                        </div>
    
                    </div>

                    <div class="body">
    
                    </div>

                    <div class="empty-content hide">
    
                            <div class="quote medium">
                                Sem dados para apresentar
                            </div>
    
                            <div class="icon">
                                <i class="fal fa-clouds"></i>
                            </div>
    
                        </div>

                </div>

            </div> --}}
        </div>
        
    </div>
@endsection