@extends('layouts.metronic')

@section('content')
<div class="portlet light bordered">
    

    <div class="portlet-title">
        <div class="caption font-dark">
            
            <span class="caption-subject bold uppercase"><i class="fa fa-edit"></i> {{ (!empty($campaign))?'Editare':'Adăugare' }} Cod Promoțional</span>
        </div>            
    </div>

    <div class="panel-body">
        <div class="col-md-3"></div>
        <div class="col-md-6">
            <div class="row">
                <form method="POST" action="{{ route('promoCode.save') }}"> 
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">                        
                    
                    @if (!empty($promoCode))    
                        <input type="hidden" name="id" value="{{ $promoCode->id }}">
                    @endif

                    <div class="form-group">
                        <label for="name">Titlu</label>
                        <input type="text" class="form-control" id="title" name="title" value="{{ (!empty($promoCode))?$promoCode->title:'' }}" required autofocus />
                    </div>

                    <div class="form-group">
                        <label for="name">Cod</label>
                        <input type="text" class="form-control" id="code" name="code" value="{{ (!empty($promoCode))?$promoCode->code:'' }}" required/>
                    </div>

                    <div class="form-group">
                        <label>Dată expirare</label>                    
                        <div class='input-group date' id='datetimepicker1'>
                            <input  id="expiry_date" name="expiry_date" type='text' class="form-control" value="{{ (!empty($promoCode))?\Carbon\Carbon::parse($promoCode->expiry_date)->format('d.m.Y'):'' }}" required autofocus/>
                            <span class="input-group-addon">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </div>  

                    <div class="form-group">
                        <div class="col-md-6">
                            <a href="{{ route('promoCodes') }}">
                                <button type="button" class="btn btn-danger">                            
                                    <i class="fa fa-close" aria-hidden="true"></i> Închide
                                </button>
                            </a>
                        </div>

                        <div class="col-md-6">
                            <button type="submit" class="btn btn-primary pull-right"><i class="fa fa-save" aria-hidden="true"></i> Salvează</button>
                        </div>
                    </div>
                </form>
            </div>
         </div>   
        <div class="col-md-3"></div>
    </div>
</div>

@endsection

@section('head')  
<link href="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/build/css/bootstrap-datetimepicker.css" rel="stylesheet">
@endsection

@section('scripts')
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>
<script src="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js"></script>

<script>

$('#datetimepicker1').datetimepicker({
         locale: 'ro',
         format: 'L',
         icons: {
             time: "fa fa-clock-o",
             date: "fa fa-calendar",
             up: "fa fa-arrow-up",
             down: "fa fa-arrow-down"
         }
     });


</script>
@endsection

@section('menuVariables')
    var menuItemName = "menuPromoCodes";
    var submenuItemName = "";
@stop