@extends('layouts.master')

@section('styles')

@endsection

@section('title')
    @lang('Add Indicator')
@endsection

@section('breadcrumbs')
    @component('components.breadcrumb', [
        'items' => [
            ['url' => route('indicators.index'), 'label' => __('Indicators list')],
        ],
        'title' => __('Add Indicator')
    ])@endcomponent
@endsection

@section('content')

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-9">
                <div class="card">

                    <div class="card-body">

                        <h4 class="card-title pb-2">@lang('Add Indicator')</h4>

                        <form action="{{route('indicators.index')}}" method="POST">

                            @csrf

                            <div class="row">
                                <div class="col-md-4">
                                    @component('components.form.input', [ 'name' => 'product', 'label' => __('Product')])@endcomponent
                                </div>
                                <div class="col-md-4">
                                    @component('components.form.datepicker', [ 'name' => 'indicator_date', 'label' => __('Date'), 'type' => 'date'])@endcomponent
                                </div>
                                <div class="col-md-4">
                                    @component('components.form.input', [ 'name' => 'pbh', 'label' => __('PBH')])@endcomponent
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    @component('components.form.input', [ 'name' => 'pbh_uppa', 'label' => __('PBH uPPA')])@endcomponent
                                </div>
                                <div class="col-md-4">
                                    @component('components.form.input', [ 'name' => 'pm', 'label' => __('PM')])@endcomponent
                                </div>
                                <div class="col-md-4">
                                    @component('components.form.input', [ 'name' => 'ks_min', 'label' => __('KS min')])@endcomponent
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    @component('components.form.input', [ 'name' => 'm_min', 'label' => __('M min')])@endcomponent
                                </div>
                                <div class="col-md-4">

                                </div>
                                <div class="col-md-4">

                                </div>
                            </div>

                            <button type="submit" class="btn btn-sm btn-primary mobile-btn">@lang('Save')</button>

                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('scripts')

@endsection