@extends('layouts.seller')

@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{!! __('item.item') !!}</p>
        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{!! route('seller.item.index') !!}">{!! __('item.item') !!}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{!! __('item.add_item') !!}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    <div class="row">
        <div class="col-12">
            <div class="round-white-bg box-shadow">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="item-detail-tab" data-toggle="tab" href="#item-detail" role="tab" aria-controls="item-detail" aria-selected="true">{!! __('item.item_details') !!}</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" id="variation-tab" data-toggle="tab" href="#variation" role="tab" aria-controls="variation" aria-selected="false">{!! __('item.add_variations') !!}</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" id="extra-item-tab" data-toggle="tab" href="#extra-item" role="tab" aria-controls="extra-item" aria-selected="false">{!! __('item.add_extra_item') !!}</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" id="allergy-tab" data-toggle="tab" href="#allergy" role="tab" aria-controls="allergy" aria-selected="false">{!! __('item.add_allergies') !!}</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" id="nutrition-tab" data-toggle="tab" href="#nutrition" role="tab" aria-controls="nutrition" aria-selected="false">{!! __('item.nutrition_facts') !!}</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" id="raw_material-tab" data-toggle="tab" href="#raw-material" role="tab" aria-controls="raw-material" aria-selected="false">{!! __('item.raw_material') !!}</a>
                    </li>
                </ul>

                {!! Form::open(array('route' => 'seller.item.store', 'method' => 'POST' ,'id' => 'ajaxSave','files' => true)) !!}
                    <div class="error-msg font-14 mt-2"></div>

                    <div class="global-item-top-box text-right mt-3">
                        <label class="yummy-switch-label">
                            {!! Form::checkbox('is_active', 1, true) !!}
                            <span class="yummy-switch-box"></span>
                        </label>
                    </div>

                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="item-detail" role="tabpanel" aria-labelledby="item-detail-tab">
                            @include('seller.item.tabs.detail')
                        </div>

                        <div class="tab-pane fade" id="variation" role="tabpanel" aria-labelledby="variation-tab">
                            @include('seller.item.tabs.variation')
                        </div>

                        <div class="tab-pane fade" id="extra-item" role="tabpanel" aria-labelledby="extra-item-tab">
                            @include('seller.item.tabs.extra_item')
                        </div>

                        <div class="tab-pane fade" id="allergy" role="tabpanel" aria-labelledby="allergy-tab">
                            @include('seller.item.tabs.allergy')
                        </div>

                        <div class="tab-pane fade" id="nutrition" role="tabpanel" aria-labelledby="nutrition-tab">
                            @include('seller.item.tabs.nutrition')
                        </div>

                        <div class="tab-pane fade" id="raw-material" role="tabpanel" aria-labelledby="raw-material-tab">
                            @include('seller.item.tabs.raw_material')
                        </div>
                    </div>

                    <div class="form-group mt-3 text-left">
                        <ul class="list-inline">
                            <li class="list-inline-item">
                                <input type="submit" class="btn btn-primary width80" value="{!! __('seller.save') !!}">
                            </li>
                            {{-- <li class="list-inline-item">
                                <input type="reset" class="btn btn-default width80 width80" value="{!! __('seller.cancel') !!}">
                            </li> --}}
                        </ul>
                    </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
    @include('seller.item.script')
@endsection