@extends('apex-layouts.main')

@section('title',($model->exists)?$model->title:"Add new Meal plan")

@section('header-right')
    <a href="{{ route('mealplans.index') }}" class="btn btn-raised btn-primary round mr-1 mb-1"><i
            class="fa fa-arrow-left"></i> </a>
@endsection
@section('content')

    <section id="basic-form-layouts">
        <div class="row">
            <div class="col-md-2"></div>
            <div class="col-md-8">
                <div class="card">
                    <div class="card-body">
                        <div class="px-3">
                            <form method="post" class="form"
                                  enctype="multipart/form-data"
                                  action="{{ ($model->exists)? route('mealplans.update', [$model->id]): route('mealplans.store') }}">
                                @if ($model->exists)
                                    @method('PUT')
                                @endif
                                @csrf
                                <div class="form-body">
                                    <h4 class="form-section"><i
                                            class="ft-user"></i>{{ ($model->exists)?'Edit Meal Plan':'New Meal Plan' }}
                                    </h4>
                                    <div class="form-group">
                                        <label for="mealplans_name">Meal Plan Title</label>
                                        <input type="text" id="mealplans_title"
                                               class="form-control{{ $errors->has('title') ? ' is-invalid' : '' }}"
                                               value="{{ (old('title'))? old('title'): $model->title }}"
                                               placeholder="Meal Plan Name"
                                               name="title" autofocus>

                                        @if ($errors->has('title'))
                                            <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('title') }}</strong>
                                                    </span>
                                        @endif
                                    </div>

                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="mealplans_days">Amount</label>
                                                <input type="number" id="mealplans_amount"
                                                       class="form-control{{ $errors->has('amount') ? ' is-invalid' : '' }}"
                                                       value="{{ (old('amount'))? old('amount'): $model->amount}}"
                                                       placeholder="Amount"
                                                       name="amount">
                                                @if ($errors->has('amount'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('amount') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="mealplans_days">Avail Days</label>
                                                <input type="number" id="mealplans_availDays"
                                                       class="form-control{{ $errors->has('availDays') ? ' is-invalid' : '' }}"
                                                       value="{{ (old('availDays'))? old('availDays'): $model->availDays }}"
                                                       placeholder="Days"
                                                       name="availDays">
                                                @if ($errors->has('availDays'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('availDays') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="mealplans_availCalories">Per Day kcal</label>
                                                <input type="number" step="0.01" id="mealplans_availCalories"
                                                       class="form-control{{ $errors->has('availCalories') ? ' is-invalid' : '' }}"
                                                       value="{{ (old('availCalories'))? old('availCalories'): $model->availCalories }}"
                                                       placeholder="Avail Calories"
                                                       name="availCalories" autofocus>
                                                @if ($errors->has('availCalories'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('availCalories') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <fieldset class="form-group">
                                                <label class="label-control">Meal plan Category</label>
                                                <select id="meal_plan_category_id" name="meal_plan_category_id"
                                                        class="form-control select2">