@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="x_panel">
                <div class="x_title">
                    <a href="{{route('product.index')}}" class="btn btn-light btn-sm pull-left" style="border-color:#E9ECEF"><i class="fa fa-chevron-left" aria-hidden="true"></i> volver</a>
                    <h2> | Crear producto</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <product-add-component 
                        :categories_="{{{$categories}}}" 
                        :brands="{{{$brands}}}" 
                        :type_="'add'" 
                        :user="{{{Auth::user()}}}">
                    </product-add-component>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection