File: /var/www/vhost/disk-apps/teamdemo.sports-crowd.com/resources/views/products/editProduct.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="{{ $product->id }}">{{ __('messages.screen_products_tag36') }}</a>
</h3>
<div class="box">
<div class="box-header with-border">
<h3 class="box-title">{{ Lang::get('messages.screen_products_tag36') }}</h3>
<!-- /.box-tools -->
</div>
<!-- /.box-header -->
<div class="box-body">
<form role="form" id="editProduct" data-toggle="validator">
<div class="row">
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"></div>
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
@if (!count($product->productImages))
<img class="media-object media-object-big newClip" src="{{ asset('/img/no_image.png') }}" alt="User profile picture">
@else
<img class="media-object media-object-big" src="{{ config('filesystems.disks.s3.url') }}/products/{{ $product->productImages[0]->name }}" alt="{{ $product->productImages[0]->name }}">
@endif
</div>
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"></div>
</div>
<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" value="{{ $product->name }}" name="name" 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 type="text" class="form-control" value="{{ $product->plu }}" name="plu" 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" value="{{ $product->bar_code }}" name="bar_code">
</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" value="{{ $product->price }}" id="price" name="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" value="{{ $product->percentage_discount }}" 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" value="{{ $product->start_discount }}" 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" value="{{ $product->limit_discount }}" 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" value="{{ $product->flash_price }}" id="flash_price" name="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" value="{{ $product->start_flash_discount }}" 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" value="{{ $product->limit_flash_discount }}" 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" value="{{ $product->limit_hour_flash_discount }}" 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> Seleccionar </option>
@foreach ($brands as $brand)
@if ($brand->id == $product->brand_id)
<option value="{{ $brand->id }}" selected="selected">{{ $brand->name }}
</option>
@else
<option value="{{ $brand->id }}">{{ $brand->name }}</option>
@endif
@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)
@if (in_array($sub_category->id, $arraySubcategorySelected))
<option value="{{ $sub_category->id }}" selected="selected">
{{ $sub_category->name }}
</option>
@else
<option value="{{ $sub_category->id }}">{{ $sub_category->name }}</option>
@endif
@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" value="{{ $product->order }}" name="order">
</div>
</div>
<div class="col-3 col-md-3">
<label>{{ Lang::get('messages.screen_products_tag13') }}</label>
<div class="form-group">
@if ($product->validate_age)
<div class="switch">
<label>
<div class="checkbox checbox-switch switch-success">
<label> No <input type="checkbox" class="form-control" id="chkAgeProduct" name="chkAgeProduct" checked="">
<span></span> Si
</label>
</div>
</label>
</div>
@else
<div class="switch">
<label>
<div class="checkbox checbox-switch switch-success">
<label> No <input type="checkbox" class="form-control" id="chkAgeProduct" name="chkAgeProduct">
<span></span>Si
</label>
</div>
</label>
</div>
@endif
</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" value="{{ $product->available_units }}" name="available_units" disabled>
</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" value="{{ $product->max_units_per_order }}" name="max_units">
</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" value="{{ $product->max_units_per_product }}">
</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" value="{{ $product->product_link }}" 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 }}" {{ isset($assignedTags) && in_array($tag->id, $assignedTags) ? 'selected' : '' }}>
{{ $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" value="{{ $product->special_price }}" 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 }}" {{ isset($productTagAssigns) && in_array($tag->id, $productTagAssigns) ? 'selected' : '' }}>
{{ $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> Seleccionar </option>
@foreach ($sucursals as $sucursal)
@if ($sucursal->id == $product->sucursal_id)
<option value="{{ $sucursal->id }}" selected="selected">
{{ $sucursal->name }}
</option>
@else
<option value="{{ $sucursal->id }}">{{ $sucursal->name }}</option>
@endif
@endforeach
</select>
</div>
</div>
</div>
@endif
<button onClick="editProduct()" data-id="{{ $product->id }}" id="btn-edit-product" class="btn btnBox pull-right ">{{ Lang::get('messages.screen_products_tag37') }}</button>
<button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton">
<i class="fa fa-spinner fa-spin"></i>
</button>
{{ 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();
$("input[name='start_flash_discount']").datepicker();
$("input[name='limit_flash_discount']").datepicker();
$('.timepicker').timepicker({
showInputs: false
});
$('.select2').select2();
function convertTime24to12(time24) {
var ts = time24;
var H = +ts.substr(0, 2);
var h = (H % 12) || 12;
h = (h < 10) ? ("0" + h) : h; // leading 0 at the left for 1 digit hours
var ampm = H < 12 ? " AM" : " PM";
ts = h + ts.substr(2, 3) + ampm;
return ts;
};
limit_discount = '{{ $product->limit_hour_discount }}';
limit_hour_flash_discount = '{{ $product->limit_hour_flash_discount }}';
if (limit_discount.length > 0) {
var limit_hour_discount = convertTime24to12('{{ $product->limit_hour_discount }}');
$('#limit_hour_discount').val(limit_hour_discount);
} else {
$('#limit_hour_discount').val('');
}
if (limit_hour_flash_discount.length > 0) {
var limit_hour_flash_discount = convertTime24to12('{{ $product->limit_hour_flash_discount }}');
$('#limit_hour_flash_discount').val(limit_hour_flash_discount);
} else {
$('#limit_hour_flash_discount').val('')
}
});
</script>
@endsection