File: /var/www/vhost/disk-apps/teamdemo.sports-crowd.com/resources/views/products/addProduct.blade.php
@extends('modules.head') @section('contenido')
<link rel="stylesheet" href="{{ asset('js/timepicker/bootstrap-timepicker.min.css') }}" />
<h3>
<a class="ruta" class="" href="#" onclick="$(location).attr('href', '/products/' + localStorage.getItem('storeType'));">{{ Lang::get('messages.screen_products_tag1') }} </a>
<span class="separador-ruta">|</span>
<a class="ruta" class="" href="add">{{ Lang::get('messages.screen_products_tag2') }} </a>
</h3>
<div class="box">
<div class="box-header with-border">
<h3 class="box-title">{{ Lang::get('messages.screen_products_tag2') }}</h3>
<!-- /.box-tools -->
</div>
<!-- /.box-header -->
<div class="box-body">
<form role="form" id="createProduct" data-toggle="validator">
<div class="row">
<div class="col-3 col-md-3">
<div class="form-group">
<label for="name">{{ Lang::get('messages.screen_products_tag4')}} </label>
<input type="text" class="form-control" name="name" maxlength="191" required>
</div>
</div>
<div class="col-3 col-md-3">
<div class="form-group">
<label for="plu">{{ Lang::get('messages.screen_products_tag5')}}</label>
<input class="form-control" name="plu" maxlength="191" required>
</div>
</div>
<div class="col-3 col-md-3">
<div class="form-group">
<label for="bar_code">{{ Lang::get('messages.screen_products_tag6')}} </label>
<input type="number" class="form-control" name="bar_code" maxlength="191">
</div>
</div>
<div class="col-3 col-md-3">
<div class="form-group">
<label for="price">{{ Lang::get('messages.screen_products_tag7')}} </label>
<input type="number" step="any" class="form-control" name="price" id="price" required>
</div>
</div>
</div>
<div class="row">
<div class="col-3 col-md-3">
<div class="form-group">
<label for="percentage_discount">{{ Lang::get('messages.screen_products_tag14')}}</label>
<input type="number" class="form-control" name="percentage_discount">
</div>
</div>
<div class="col-3 col-md-3">
<div class="form-group">
<label for="start_discount">{{ Lang::get('messages.screen_products_tag15')}}</label>
<div class="input-group date">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input type="text" class="form-control pull-right" name="start_discount">
</div>
</div>
</div>
<div class="col-3 col-md-3">
<div class="form-group">
<label for="limit_discount">{{ Lang::get('messages.screen_products_tag16')}}</label>
<div class="input-group date">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input type="text" class="form-control pull-right" name="limit_discount">
</div>
</div>
</div>
<div class="col-3 col-md-3">
<div class="bootstrap-timepicker">
<div class="form-group">
<label for="limit_hour_discount">{{ Lang::get('messages.screen_products_tag17') }}</label>
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-clock-o"></i>
</div>
<input type="text" class="form-control timepicker" name="limit_hour_discount" id="limit_hour_discount">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-3 col-md-3">
<div class="form-group">
<label for="flash_price">{{ Lang::get('messages.screen_products_tag18')}}</label>
<input type="number" step="any" class="form-control" name="flash_price" id="flash_price">
</div>
</div>
<div class="col-3 col-md-3">
<div class="form-group">
<label for="start_flash_discount">{{ Lang::get('messages.screen_products_tag19')}}</label>
<div class="input-group date">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input type="text" class="form-control pull-right" name="start_flash_discount">
</div>
</div>
</div>
<div class="col-3 col-md-3">
<div class="form-group">
<label for="limit_flash_discount">{{ Lang::get('messages.screen_products_tag20')}}</label>
<div class="input-group date">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input type="text" class="form-control pull-right" name="limit_flash_discount">
</div>
</div>
</div>
<div class="col-3 col-md-3">
<div class="bootstrap-timepicker">
<div class="form-group">
<label for="limit_hour_flash_discount">{{ Lang::get('messages.screen_products_tag21') }}</label>
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-clock-o"></i>
</div>
<input type="text" class="form-control timepicker" name="limit_hour_flash_discount" id="limit_hour_flash_discount">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-3 col-md-3">
<div class="form-group">
<label for="brand_id">{{ Lang::get('messages.screen_products_tag22') }} </label>
<select class="form-control select2" name="brand_id" id="brand_id" required>
<option disabled selected="selected"> Seleccionar </option>
@foreach ($brands as $brand)
<option value="{{ $brand->id }}">{{ $brand->name }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-3 col-md-3">
<div class="form-group">
<label for="subcategory_id">{{ Lang::get('messages.screen_products_tag31') }} </label>
<select class="form-control select2" multiple="multiple" data-placeholder="{{ Lang::get('messages.screen_products_tag32') }}" name="subcategory_id" id="subcategory_id" required>
@foreach ($sub_categories as $sub_category)
<option value="{{ $sub_category->id }}">{{ $sub_category->name }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-3 col-md-3">
<div class="form-group">
<label for="order">{{ Lang::get('messages.screen_products_tag23') }}</label>
<input type="number" class="form-control" name="order" required>
</div>
</div>
<div class="col-3 col-md-3">
<label>{{ Lang::get('messages.screen_products_tag13') }}</label>
<div class="form-group">
<div class="checkbox checbox-switch switch-success">
<label> No
<input type="checkbox" class="form-control" id="chkAgeProduct" name="chkAgeProduct">
<span></span>
Si
</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-3 col-md-3">
<div class="form-group">
<label for="available_units">{{ Lang::get('messages.screen_products_tag11') }} </label>
<input type="number" class="form-control" name="available_units" maxlength="11" required>
</div>
</div>
<div class="col-3 col-md-3">
<div class="form-group">
<label for="max_units">{{ Lang::get('messages.screen_products_tag12') }} </label>
<input type="number" class="form-control" name="max_units" maxlength="11">
</div>
</div>
<div class="col-3 col-md-3">
<div class="form-group">
<label for="max_units_product">{{ Lang::get('messages.max_unit_by_product') }} </label>
<input type="number" class="form-control" name="max_units_product" maxlength="11">
</div>
</div>
<div class="col-3 col-md-3">
<div class="form-group">
<label for="product_link">{{ Lang::get('messages.screen_products_tag65') }} </label>
<input type="text" class="form-control" name="product_link">
</div>
</div>
</div>
<div class="row">
<div class="col-9 col-md-9">
<div class="form-group">
<label for="tags">{{ Lang::get('messages.screen_products_tag71') }} {{ Lang::get('messages.optional') }}</label>
<select class="form-control select2" multiple="multiple" data-placeholder="{{ Lang::get('messages.screen_products_tag32') }}" name="tags">
@foreach ($tags as $tag)
<option value="{{ $tag->id }}">
{{ $tag->name }}
</option>
@endforeach
</select>
</div>
</div>
<div class="col-3 col-md-3">
<div class="form-group">
<label for="special_price">{{ Lang::get('messages.screen_products_tag72') }} {{ Lang::get('messages.optional') }}</label>
<input type="number" step="any" class="form-control" id="special_price" name="special_price">
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-12">
<div class="form-group">
<label for="tags_assigns">{{ Lang::get('messages.product_tag_assigns') }} {{ Lang::get('messages.optional') }}</label>
<select class="form-control select2" multiple="multiple" data-placeholder="{{ Lang::get('messages.screen_products_tag32') }}" name="tags_assigns">
@foreach ($tags as $tag)
<option value="{{ $tag->id }}">
{{ $tag->name }}
</option>
@endforeach
</select>
</div>
</div>
</div>
@if ($sucursals)
<div class="row">
<div class="col-3 col-md-3">
<div class="form-group">
<label for="sucursal_id">{{ Lang::get('messages.screen_products_tag54') }} </label>
<select class="form-control select2" name="sucursal_id" id="sucursal_id" required>
<option disabled selected="selected"> Seleccionar </option>
@foreach ($sucursals as $sucursal)
<option value="{{ $sucursal->id }}">{{ $sucursal->name }}</option>
@endforeach
</select>
</div>
</div>
</div>
@endif
<button onClick="createProduct()" id="btn-create-product" class="btn btnBox pull-right ">{{ Lang::get('messages.screen_products_tag25') }}</button>
<button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton">
<i class="fa fa-spinner fa-spin"></i>
</button>
<a class="auxiliar-black" href=".">
<button type="button" class="btn btn-default pull-right btnCancel">
{{ Lang::get('messages.screen_products_tag26') }}
</button>
</a>
{{ csrf_field() }}
</form>
</div>
<!-- /.box-body -->
</div>
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/products.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<!-- plugin para la hora -->
<script src="{{ asset('js/datetimepicker/moment.min.js') }}"></script>
<script src="{{ asset('js/datetimepicker/bootstrap-datetimepicker.min.js') }}"></script>
<script src="{{ asset('js/timepicker/bootstrap-timepicker.min.js') }}"></script>
<script type="text/javascript">
$(document).ready(function() {
$.fn.datepicker.dates['en'] = {
days: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
daysShort: ['Dom', 'Lun', 'Mar', 'Mié', 'Juv', 'Vie', 'Sáb'],
daysMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sá'],
months: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre',
'Octubre', 'Noviembre', 'Diciembre'
],
monthsShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov',
'Dic'
],
today: "Hoy",
clear: "Clear",
format: "yyyy-mm-dd",
titleFormat: "MM yyyy",
/* Leverages same syntax as 'format' */
weekStart: 0
};
$("input[name='start_discount']").datepicker();
$("input[name='limit_discount']").datepicker();
$('.timepicker').timepicker({
showInputs: false
})
$('#limit_hour_discount').val('');
$("input[name='start_flash_discount']").datepicker();
$("input[name='limit_flash_discount']").datepicker();
$('#limit_hour_flash_discount').val('');
$('.select2').select2();
});
</script>
@endsection