@extends('themes.backend.layouts.app')
@section('editor') @stop

@section('breadcrumb')
{{ Breadcrumbs::render('product.create') }}
@endsection

@section('page-css-styles')

@stop

@section('content')
<div class="row">
  <div class="col-sm-12">
    <div class="card m-b-0">
      <div class="card-header">
        <h5 class="card-header-text">{{ __('product.add_txt') }}</h5>
      </div>
      <div class="card-block">
        <x-form.alert type="{{ session()->get('alert') }}" title="{{ session()->get('title') }}" message="{{ session()->get('message') }}" />

        <form name="aeDataFrm" id="aeDataFrm" action="{{ route('admin.product.store') }}" method="POST">
          {{ csrf_field() }}
          <section class="tabs-section product-horizontal-section">
            <div class="container">
              <div class="row">
                <div class="col">
                  <!-- Nav tabs -->
                  @include('themes.backend.pages.product._horizontal-nav',['type'=>'add','disabledClass'=>'disabled','nav_option'=>''])
                  <!-- Tab panes -->
                  <div class="tab-content">
                    <div class="tab-pane active" id="general" role="tabpanel" aria-labelledby="general-tab">
                      @include('themes.backend.pages.product._general',['type'=>'add','dataArr'=>''])
                    </div>
                    <div class="tab-pane" id="images" role="tabpanel" aria-labelledby="images-tab">
                    <!-- images -->
                    </div>
                    <div class="tab-pane" id="product_options" role="tabpanel" aria-labelledby="product_options-tab">
                      <!-- product_options -->
                    </div>
                  </div>
                </div>

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

          <div class="row">
            <div class="col-sm-12">
              <x-form.group_lyt1_2_10 class="m-t-10">
                <x-form.field.button id="submit" name="submit" text="{{ __('admin.proceed_txt') }}" />
                <x-form.field.button type="reset" id="cancel" name="cancel" class="btn-danger" text="{{ __('admin.cancel_txt') }}" />
              </x-form.group_lyt1_2_10>
            </div>
          </div>

        </form>
      </div>
      <!-- end of card-block -->
    </div>
  </div>
</div>
@stop