@extends('crm-admin::main-layout')
@section('breadcrumb')
  <li class="breadcrumb-item">
    <a href="{{route('home')}}">Home</a>
  </li>
  <li class="breadcrumb-item">
    <a href="{{route('admin.product.index')}}">Productos</a>
  </li>
  <li class="breadcrumb-item active">
    Crear producto
  </li>
@endsection
@section('content')
<div class='row'>
  <div class='col-md-12'>
    <div class='box'>
      <div class='box-header dark'>
        <h2>Actualizar información</h2>
      </div>
      <div class='box-body'>
        {!! Form::open(['route'=> 'admin.product.store','method'=>'POST', "id"=>"target", 'enctype'=>'multipart/form-data']) !!}
        @include('product::product.fields')
      </div>
      <div class='dker p-a text-right'>
        <div class='col-md-12'>
          <a class='btn danger' href="{{route('admin.product.index')}}" style='margin-right:10px'>Cancelar</a>
          <button class='btn dark' type='submit'>
            Registrar
          </button>
          {!! Form::close() !!}
        </div>
      </div>
    </div>
  </div>
</div>
@endsection
@section('script_extras')
<script src='https://cdn.ckeditor.com/4.8.0/standard/ckeditor.js'></script>
<script>
  var options = {
    filebrowserImageBrowseUrl: '/laravel-filemanager?type=Images',
    filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token=',
    filebrowserBrowseUrl: '/laravel-filemanager?type=Files',
    filebrowserUploadUrl: '/laravel-filemanager/upload?type=Files&_token='
  };
</script>
<script>
  CKEDITOR.replace('description', options);
  CKEDITOR.replace('features', options);
  CKEDITOR.replace('specifications', options);
  $("#publication_date").datepicker({
    dateFormat: "yy-mm-dd"
  });
</script>
<script>
  $(document).ready(function() {
    var category = $("#category_id").val();
    $.ajax({                        
      type: "GET",                 
      url: "/admin/product/category/" + category + "/subcategory",                     
      success: function(data)             
      {
        $("#subcategory_id").html("");
        $("#subcategory_id").append('<option value="" selected disabled>Selecciona una subcategoría</option>');
        $.each( data, function( key, value ) {
          $("#subcategory_id").append('<option value=' + value.id + '>' + value.name + '</option>');
        });           
      },
      error: function(data){
        console.log("error");
      }
    });

  });

  $("#category_id").change(function() {
    var category = $("#category_id").val();
    $.ajax({                        
      type: "GET",                 
      url: "/admin/product/category/" + category + "/subcategory",                     
      success: function(data)             
      {
        $("#subcategory_id").html("");
        $("#subcategory_id").append('<option value="" selected disabled>Selecciona una subcategoría</option>');
        $.each( data, function( key, value ) {
          $("#subcategory_id").append('<option value=' + value.id + '>' + value.name + '</option>');
        });           
      },
      error: function(data){
        console.log("error");
      }
    });
  });
</script>  

@if($variable != null)
  @if($variable->alias11 != null)
      <script type="text/javascript">
        CKEDITOR.replace('extra11', options);
      </script>
  @endif
@endif
@endsection