@extends('layouts.frontend.master')

@section('title', 'Create New Product')

@section("content")

    <section id="featured-services" class="featured-services">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header with-border bg-white py-3">
                        <h4 class="card-title">{{__('Create New Product') }}</h4>
                    </div>

                    @if(session()->has('message'))
                        <div class="alert alert-danger" role="alert">
                            {{ session('message') }}
                        </div>
                    @endif

                    <div class="container">
                        <form class="form" method="post" action="{{ route('support-manager.product.store') }}">
                            @method('POST') @csrf

                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="title">{{__('Title') }} <span class="text-danger">*</span></label>
                                        <input type="text"
                                               id="title"
                                               class="form-control {{ $errors->has('title') ? ' border-danger' : '' }}"
                                               value="{{ old('title') }}"
                                               name="title"
                                               placeholder="Enter product name"
                                        >
                                        @if($errors->has('title'))
                                            <span class="invalid-feedback">
                                                <strong>{{ $errors->first('title') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-4 monthly">
                                    <div class="package-title">
                                        <h5>{{__('Monthly') }}</h5>
                                    </div>

                                    <div class="card-body">
                                        <div class="form-group">
                                            <label for="monthly_default_unit">{{__('Default Unit') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="monthly_default_unit"
                                                   class="form-control {{ $errors->has('monthly_default_unit') ? ' border-danger' : '' }}"
                                                   value="{{ old('monthly_default_unit') }}"
                                                   name="monthly_default_unit"
                                                   placeholder="Enter Default Unit"
                                            >
                                            @if($errors->has('monthly_default_unit'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('monthly_default_unit') }}</strong>
                                                </span>
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label for="monthly_per_unit">{{__('Per Unit / Steps') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="monthly_per_unit"
                                                   class="form-control {{ $errors->has('monthly_per_unit') ? ' border-danger' : '' }}"
                                                   value="{{ old('monthly_per_unit') }}"
                                                   name="monthly_per_unit"
                                                   placeholder="Enter Per Unit"
                                            >
                                            @if($errors->has('monthly_per_unit'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('monthly_per_unit') }}</strong>
                                                </span>
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label for="monthly_price_per_unit">{{__('Price Per Unit') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="monthly_price_per_unit"
                                                   class="form-control {{ $errors->has('monthly_price_per_unit') ? ' border-danger' : '' }}"
                                                   value="{{ old('monthly_price_per_unit') }}"
                                                   name="monthly_price_per_unit"
                                                   placeholder="Enter Price Per Unit"
                                            >
                                            @if($errors->has('monthly_price_per_unit'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('monthly_price_per_unit') }}</strong>
                                                </span>
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label for="monthly_min_slider">{{__('Min Slider Unit') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="monthly_min_slider"
                                                   class="form-control {{ $errors->has('monthly_min_slider') ? ' border-danger' : '' }}"
                                                   value="{{ old('monthly_min_slider') }}"
                                                   name="monthly_min_slider"
                                                   placeholder="Enter Min Unit"
                                            >
                                            @if($errors->has('monthly_min_slider'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('monthly_min_slider') }}</strong>
                                                </span>
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label for="monthly_max_slider">{{__('Max Slider Unit') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="monthly_max_slider"
                                                   class="form-control {{ $errors->has('monthly_max_slider') ? ' border-danger' : '' }}"
                                                   value="{{ old('monthly_max_slider') }}"
                                                   name="monthly_max_slider"
                                                   placeholder="Enter Max Unit"
                                            >
                                            @if($errors->has('monthly_max_slider'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('monthly_max_slider') }}</strong>
                                                </span>
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label for="monthly_inclusive">{{__('Inclusive CSR') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="monthly_inclusive"
                                                   class="form-control {{ $errors->has('monthly_inclusive') ? ' border-danger' : '' }}"
                                                   value="{{ old('monthly_inclusive') }}"
                                                   name="monthly_inclusive"
                                                   placeholder="Enter Inclusive CSR"
                                            >
                                            @if($errors->has('monthly_inclusive'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('monthly_inclusive') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-4 yearly">
                                    <div class="package-title">
                                        <h5>Yearly</h5>
                                    </div>

                                    <div class="card-body">
                                        <div class="form-group">
                                            <label for="yearly_default_unit">{{__('Default Unit') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="yearly_default_unit"
                                                   class="form-control {{ $errors->has('yearly_default_unit') ? ' border-danger' : '' }}"
                                                   value="{{ old('yearly_default_unit') }}"
                                                   name="yearly_default_unit"
                                                   placeholder="Enter Default Unit"
                                            >
                                            @if($errors->has('yearly_default_unit'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('yearly_default_unit') }}</strong>
                                                </span>
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label for="yearly_per_unit">{{__('Per Unit / Steps') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="yearly_per_unit"
                                                   class="form-control {{ $errors->has('yearly_per_unit') ? ' border-danger' : '' }}"
                                                   value="{{ old('yearly_per_unit') }}"
                                                   name="yearly_per_unit"
                                                   placeholder="Enter Per Unit"
                                            >
                                            @if($errors->has('yearly_per_unit'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('yearly_per_unit') }}</strong>
                                                </span>
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label for="yearly_price_per_unit">{{__('Price Per Unit') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="yearly_price_per_unit"
                                                   class="form-control {{ $errors->has('yearly_price_per_unit') ? ' border-danger' : '' }}"
                                                   value="{{ old('yearly_price_per_unit') }}"
                                                   name="yearly_price_per_unit"
                                                   placeholder="Enter Price Per Unit"
                                            >
                                            @if($errors->has('yearly_price_per_unit'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('yearly_price_per_unit') }}</strong>
                                                </span>
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label for="yearly_min_slider">{{__('Min Slider Unit') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="yearly_min_slider"
                                                   class="form-control {{ $errors->has('yearly_min_slider') ? ' border-danger' : '' }}"
                                                   value="{{ old('yearly_min_slider') }}"
                                                   name="yearly_min_slider"
                                                   placeholder="Enter Min Unit"
                                            >
                                            @if($errors->has('yearly_min_slider'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('yearly_min_slider') }}</strong>
                                                </span>
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label for="yearly_max_slider">{{__('Max Slider Unit') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="yearly_max_slider"
                                                   class="form-control {{ $errors->has('yearly_max_slider') ? ' border-danger' : '' }}"
                                                   value="{{ old('yearly_max_slider') }}"
                                                   name="yearly_max_slider"
                                                   placeholder="Enter Max Unit"
                                            >
                                            @if($errors->has('yearly_max_slider'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('yearly_max_slider') }}</strong>
                                                </span>
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label for="yearly_inclusive">{{__('Inclusive CSR') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="yearly_inclusive"
                                                   class="form-control {{ $errors->has('yearly_inclusive') ? ' border-danger' : '' }}"
                                                   value="{{ old('yearly_inclusive') }}"
                                                   name="yearly_inclusive"
                                                   placeholder="Enter Inclusive CSR"
                                            >
                                            @if($errors->has('yearly_inclusive'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('yearly_inclusive') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-4 one-time">
                                    <div class="package-title">
                                        <h5>{{__('One Time') }}</h5>
                                    </div>

                                    <div class="card-body">
                                        <div class="form-group">
                                            <label for="one_time_default_unit">{{__('Default Unit') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="one_time_default_unit"
                                                   class="form-control {{ $errors->has('one_time_default_unit') ? ' border-danger' : '' }}"
                                                   value="{{ old('one_time_default_unit') }}"
                                                   name="one_time_default_unit"
                                                   placeholder="Enter Default Unit"
                                            >
                                            @if($errors->has('one_time_default_unit'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('one_time_default_unit') }}</strong>
                                                </span>
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label for="one_time_per_unit">{{__('Per Unit / Steps') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="one_time_per_unit"
                                                   class="form-control {{ $errors->has('one_time_per_unit') ? ' border-danger' : '' }}"
                                                   value="{{ old('one_time_per_unit') }}"
                                                   name="one_time_per_unit"
                                                   placeholder="Enter Per Unit"
                                            >
                                            @if($errors->has('one_time_per_unit'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('one_time_per_unit') }}</strong>
                                                </span>
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label for="one_time_price_per_unit">{{__('Price Per Unit') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="one_time_price_per_unit"
                                                   class="form-control {{ $errors->has('one_time_price_per_unit') ? ' border-danger' : '' }}"
                                                   value="{{ old('one_time_price_per_unit') }}"
                                                   name="one_time_price_per_unit"
                                                   placeholder="Enter Price Per Unit"
                                            >
                                            @if($errors->has('one_time_price_per_unit'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('one_time_price_per_unit') }}</strong>
                                                </span>
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label for="one_time_min_slider">{{__('Min Slider Unit') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="one_time_min_slider"
                                                   class="form-control {{ $errors->has('one_time_min_slider') ? ' border-danger' : '' }}"
                                                   value="{{ old('one_time_min_slider') }}"
                                                   name="one_time_min_slider"
                                                   placeholder="Enter Min Unit"
                                            >
                                            @if($errors->has('one_time_min_slider'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('one_time_min_slider') }}</strong>
                                                </span>
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label for="one_time_max_slider">{{__('Max Slider Unit') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="one_time_max_slider"
                                                   class="form-control {{ $errors->has('one_time_max_slider') ? ' border-danger' : '' }}"
                                                   value="{{ old('one_time_max_slider') }}"
                                                   name="one_time_max_slider"
                                                   placeholder="Enter Max Unit"
                                            >
                                            @if($errors->has('one_time_max_slider'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('one_time_max_slider') }}</strong>
                                                </span>
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label for="one_time_inclusive">{{__('Inclusive CSR') }} <span class="text-danger">*</span></label>
                                            <input type="number"
                                                   id="one_time_inclusive"
                                                   class="form-control {{ $errors->has('one_time_inclusive') ? ' border-danger' : '' }}"
                                                   value="{{ old('one_time_inclusive') }}"
                                                   name="one_time_inclusive"
                                                   placeholder="Enter Inclusive CSR"
                                            >
                                            @if($errors->has('one_time_inclusive'))
                                                <span class="invalid-feedback">
                                                    <strong>{{ $errors->first('one_time_inclusive') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <div class="mb-3">
                                            <label for="desc" class="form-label">{{__('Description') }} <span class="text-danger">*</span></label>
                                            <textarea class="form-control {{ $errors->has('desc') ? ' border-danger' : '' }}"
                                                      id="desc"
                                                      name="desc"
                                                      rows="3"
                                                      placeholder="Enter product description"
                                            >{{ old('desc') }}</textarea>

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

                            <div class="box-footer text-left">
                                <button type="submit" class="btn btn-rounded btn-primary btn-outline"><i
                                        class="ti-save-alt"></i>
                                    {{__('Submit') }}
                                </button>&nbsp;
                                <a href="{{ route('support-manager.product.index') }}"
                                   class="btn btn-rounded btn-light btn-outline">{{__('Cancel') }}</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection