@extends('layouts.admin')
@section('main')
<div class="container.fluid">
    <div class="page-header row">
        <h3 class="page-title w-100">
            <span class="page-title-icon bg-gradient-primary text-white mr-2">
                <i class="mdi mdi-account"></i>
            </span>
            {{ !$form_edit?"Creación de Campaña":"Actualización de Campaña" }}
        </h3>
        <div class="alert alert-danger w-100 mt-3"><strong>Los campos con <span class="text-danger">*</span> son necesarios</strong></div>
    </div>
    <form action="{{ $form_edit ? route('adm.actualizar_campana') : route('adm.guardar_campania') }}" method="post" class="row form" data-mensaje-alerta="¿Está seguro de realizar esta acción?" data-mensaje-sub-alerta=" Una vez creada la campaña no podrá cambiar el tipo de ésta." data-advertencia="true">
        @csrf
        @if ($form_edit)
            <input type="hidden" name="campana" value="{{ $campana->id }}">
        @endif
        <div class="form-group col-md-3">
            <label for="tipo">Tipo</label>
            <select name="tipo" id="tipo" class="form-control">
                <option value="1" {{ $form_edit && $campana->tipo == 1 ? "selected" : "" }}>Pedido</option>
                <option value="2" {{ $form_edit && $campana->tipo == 2 ? "selected" : "" }}>Sobrepedido</option>
            </select>
        </div>
        <div class="form-group col-md-3">
            <label for="nombre">Nombre de la campaña</label>
            <input type="text" id="nombre" name="nombre" class="form-control" value="{{ $form_edit ? $campana->nombre : "" }}">
            <span class="invalid-feedback"></span>
        </div>
        <div class="form-group col-md-3">
            <label for="fecha_inicio">Fecha de Inicio</label>
            <input type="text" id="fecha_inicio" name="fecha_inicio" class="form-control date" placeholder="AAAA-MM-DD" value="{{ $form_edit ? \Carbon\Carbon::parse($campana->fecha_inicio)->format('Y-m-d') : "" }}">
            <span class="invalid-feedback"></span>
        </div>
        <div class="form-group col-md-3">
            <label for="hora_inicio">Hora de inicio</label>
            <input type="text" id="hora_inicio" name="hora_inicio" class="form-control time" placeholder="HH:mm" value="{{ $form_edit ? \Carbon\Carbon::parse($campana->fecha_inicio)->format('H:i:s') : "" }}">
        </div>
        <div class="form-group col-md-3">
            <label for="fecha_final">Fecha de finalización</label>
            <input type="text" id="fecha_final" name="fecha_final" class="form-control date" placeholder="AAAA-MM-DD" value="{{ $form_edit ? \Carbon\Carbon::parse($campana->fecha_final)->format('Y-m-d') : "" }}">
            <span class="invalid-feedback"></span>
        </div>
        <div class="form-group col-md-3">
            <label for="hora_final">Hora de finalización</label>
            <input type="text" id="hora_final" name="hora_final" class="form-control time" placeholder="HH:mm" value="{{ $form_edit ? \Carbon\Carbon::parse($campana->fecha_final)->format('H:i:s') : "" }}">
        </div>
        <div class="form-group col-md-3">
            <label for="descuento">Descuento</label>
            <input type="text" id="descuento" name="descuento" class="form-control" value="{{ $form_edit ? $campana->descuento : 0 }}">
            <span class="invalid-feedback"></span>
        </div>
        <div class="form-group col-md-3">
            <label for="titulo">Título de promoción</label>
            <input type="text" id="titulo" name="titulo" class="form-control" value="{{ $form_edit ? $campana->titulo : "" }}">
            <span class="invalid-feedback"></span>
        </div>
        <div class="form-group col-md-3">
            <label for="descripcion">Descripción</label>
            <textarea name="descripcion" id="descripcion" cols="30" rows="3" class="form-control">{{ $form_edit ? $campana->descripcion : "" }}</textarea>
        </div>
        <div class="form-group col-12">
            <button type="submit" class="btn btn-success">{{ $form_edit ? "Actualizar" : "Guardar" }}</button>
        </div>
    </form>
</div>
@endsection

@section('styles')
    @parent
    <link rel="stylesheet" href="{{ asset('css/timedropper.min.css') }}">
@endsection

@section('scripts')
    @parent
    <script src="{{ asset('js/timedropper.min.js') }}"></script>
    <script>
        $(document).ready(function(){
            $('.date').datepicker({
                monthNames :["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],
                dayNamesMin:["Lun","Mar","Mie","Jue","Vie","Sab","Dom"],
                dateFormat:"yy-mm-dd"
            });
        });
        $( ".time" ).timeDropper({
            'format':'HH:mm',
            'setCurrentTime':false
        });
    </script>
@endsection