@extends('layouts.adminLayout.admin_design')

@section('content')
<div id="content">
    <div id="content-header">
        <div id="breadcrumb"> <a href="{{ route('admin.dashboard') }}" title="Go to Home" class="tip-bottom"><i class="icon-home"></i> Inicio</a> <a href="{{ route('admin.view-coupons') }}">Cupones</a> <a href="#" class="current">Agregar Cupón</a> </div>
        <h1>Cupones</h1>

		@if(Session::has('flash_message_error'))
			  <div class="alert alert-danger alert-block">
				  <button type="button" class="close" data-dismiss="alert">×</button>
				  <strong>{!! session('flash_message_error') !!}</strong>
			  </div>
		@endif
		@if(Session::has('flash_message_success'))
			  <div class="alert alert-success alert-block">
				  <button type="button" class="close" data-dismiss="alert">×</button>
				  <strong>{!! session('flash_message_success') !!}</strong>
			  </div>
		@endif

    </div>
    <div class="container-fluid"><hr>
        <div class="row-fluid">
            <div class="span12">
                <div class="widget-box">
                    <div class="widget-title"> <span class="icon"> <i class="icon-info-sign"></i> </span>
                      <h5>Agregar Cupón</h5>
                    </div>
                    <div class="widget-content nopadding">
                        <form
                            {{-- enctype="multipart/form-data" --}}
                            class="form-horizontal"
                            method="post"
                            action="{{ route('admin.add-coupon') }}"
                            name="add_coupon"
                            id="add_coupon"
                            {{-- novalidate="novalidate" --}}
                        >
                        @csrf
                            <div class="control-group">
                                <label class="control-label">Código Cupón</label>
                                <div class="controls">
                                    <input type="text" name="coupon_code" id="coupon_code" minlength="5" maxlength="15" required>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Valor</label>
                                <div class="controls">
                                    <input type="number" min="1" name="amount" id="amount" required>
                                </div>
                            </div>
                            <div class="control-group">
		    	    	    	<label class="control-label">Tipo de Cupón</label>
		    	    	    	<div class="controls">
		    	    	    		<select name="amount_type" id="amount_type" style="width: 220px;">
                                        <option value="Porcentaje">Porcentaje</option>
                                        <option value="Fijo">Fijo</option>
                                    </select>
		    	    	    	</div>
		    	    	    </div>
                            <div class="control-group">
                                <label class="control-label">Fecha de Vencimiento</label>
                                <div class="controls">
                                    <input type="text" name="expiry_date" id="expiry_date" autocomplete="off" required>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Disponible</label>
                                <div class="controls">
                                  <input type="checkbox" name="status" id="status" value="1">
                                </div>
                            </div>
                            <div class="form-actions">
                                <input type="submit" value="Agregar Cupón" class="btn btn-success">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection