@extends('layouts.master')

@section('pagetitle')
Add Product
@endsection
@section('title')
Add Product
@endsection

@section('content')
<!-- ============================================================== -->
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<div class="row page-titles">
    <div class="col-md-5 align-self-center">
        <h4 class="text-themecolor" style="font-weight: 600;">Product</h4>
    </div>
    <div class="col-md-7 align-self-center text-right">
        <div class="d-flex justify-content-end align-items-center">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
                <li class="breadcrumb-item active">Product</li>
            </ol>
        </div>
    </div>
</div>
<!-- ============================================================== -->
<!-- End Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->

<div class="card">
    <div class="card-body">
        <!-- Nav tabs -->
        <form action="{{  url('menutype/store') }}" method="POST" enctype="multipart/form-data" data-parsley-validate>
            @csrf

            @if($merchant_sites->business_type == 'grocery')
            <div class="form-group row">
                <label class="col-2 col-form-label" for="example-color-input"> Category*</label>
                <div class="col-10">
                    <select name="category_id" data-parsley-required data-parsley-required-message="The category field is required" class="form-control {{ $errors->has('category_id') ? 'is-invalid' : '' }}">
                        <option value="">Select Category</option>
                        @foreach($categories as $c)
                        <option value="{{ $c->id }}">{{ ucfirst($c->name) }}</option>
                        @endforeach

                        @error('category_id')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                        @enderror
                    </select>
                </div>
            </div>
            @endif

            <div class="form-group row">
                <label class="col-2 col-form-label" for="example-color-input"> Product Type Name*</label>
                <div class="col-10">
                    <input type="text" name="name" data-parsley-required data-parsley-required-message="The product type name field is required" class="form-control" value="{{ old('name') }}" autocomplete="off" placeholder="Enter product type name">
                    @if ($errors->has('name'))
                    <span class="text-danger">{{ $errors->first('name') }}</span>
                    @endif
                </div>
            </div>

            <div class="form-group row">
                <label class="col-2 col-form-label" for="example-color-input">Sort Order*</label>
                <div class="col-10">
                <input type="text" name="position" data-parsley-required data-parsley-required-message="The position field is required" data-parsley-min="1" value="{{ old('position') }}" class="form-control" autocomplete="off" placeholder="Enter sort order">
                @if ($errors->has('position'))
                    <span class="text-danger">{{ $errors->first('position') }}</span>
                @endif
                </div>
            </div>

            <div class="mt-2 text-right">
                <button class="btn btn-warning">Save</button>
            </div>
        </form>
    </div>
</div>
@endsection