@extends('layouts.adminLayout.admin_design')
@section('content')

<!--main-container-part-->
<div id="content">
    <div id="content-header">
        <div id="breadcrumb"> <a href="admin/dashboard" title="Go to Home" class="tip-bottom"><i class="icon-home"></i> Dashboard</a> <a href="admin/coupon" class="current">Coupon</a> </div>
        {{--<h1>Coupon Details</h1>--}}
    </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>Add Coupons</h5>

                    </div>
                    <div class="widget-content nopadding">
                        <form class="form-horizontal" method="post" action="{{url('/admin/addCoupon')}}" name="basic_validate" id="basic_validate" novalidate="novalidate">
                            <input type="hidden" name="_token" value = "{{ csrf_token() }}" />
                            <div class="control-group">
                                <label class="control-label">Coupon Number</label>
                                <div class="controls">

                                    <select style="width:70px;" id="numberofcoupons" name="numberofcoupons">
                                        <option value = '1'>1</option><option value = '2'>2</option><option value = '3'>3</option><option value = '4'>4</option><option value = '5'>5</option><option value = '6'>6</option><option value = '7'>7</option><option value = '8'>8</option><option value = '9'>9</option><option value = '10'>10</option><option value = '11'>11</option><option value = '12'>12</option><option value = '13'>13</option><option value = '14'>14</option><option value = '15'>15</option><option value = '16'>16</option><option value = '17'>17</option><option value = '18'>18</option><option value = '19'>19</option><option value = '20'>20</option>
                                    </select>


                                </div>

                            </div>
                            {{--<div class="control-group">
                                <label class="control-label">Coupons</label>
                                <div class="controls">
                                    <input type="text" name="coupon" id="coupon" maxlength="12" style="text-transform: uppercase">
                                </div>
                            </div>--}}
                            <div class="control-group">
                                <label class="control-label">Given Person</label>
                                <div class="controls">
                                    <input type="text" name="person" id="person">
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Discount (%)</label>
                                <div class="controls">
                                    <input type="text" name="discount" id="discount" maxlength="3">
                                </div>
                            </div>
                            <div class="control-group">
                                @if(Session::has('flash_coupon_error'))
                                    <div class="alert alert-error alert-block">
                                        <button type="button" class="close" data-dismiss="alert">x</button>
                                        <strong>{!! session('flash_coupon_error') !!}</strong>
                                    </div>
                                @endif
                                @if(Session::has('flash_coupon_success'))
                                    <div class="alert alert-success alert-block">
                                        <button type="button" class="close" data-dismiss="alert">x</button>
                                        <strong>{!! session('flash_coupon_success') !!}</strong>
                                    </div>
                                @endif
                            </div>
                            <div class="form-actions">
                                <input type="submit" value="Add Coupon" class="btn btn-success" id="submit">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div class="widget-box">
            <div class="widget-title"> <span class="icon"><i class="icon-th"></i></span>
                <h5>Data table</h5>
            </div>
            <div class="widget-content nopadding">
                <table class="table table-bordered data-table table-striped">
                    <thead>
                    <tr>
                        <th>Sn</th>
                        <th>Coupon Number</th>
                        <th>Discount (%)</th>
                        <th>Given To</th>
                        <th>Used By</th>
                        <th>Created Date</th>
                        <th>Used Date</th>
                        <th>Status</th>
                    </tr>
                    </thead>
                    <tbody>
                    

                    </tbody>
                </table>
            </div>
        </div>

    </div>
</div>

<script>
    //-------------------------------Coupon Code------------------------------------
  /*  $('#generate').click( function(){
        var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
        var text = '';
        for (var i = 0; i < 12; i++)
            text += possible.charAt(Math.floor(Math.random() * possible.length));

        if( text.length == 12 ){
            $('#coupon').val(text);
        }



    });*/

    /*$('#submit').click( function(){
        var coupon = $('#coupon').val();
        var person = $('#person').val();
        var discount = $('#discount').val();
        var _token = $('input[name="_token"]').val();

        if(referal.length  == 8){

            $.ajax({

                method : "POST",
                data : {coupon:coupon, person:person, discount:discount, _token:_token},
                success : function(result){
                    if(result == 'valid'){

                        alert("Congratulation. Valid Referral Code");

                    }
                    else{
                        alert("Invalid Referal Code");
                        $('#referal').val('');

                    }
                }
            })
        }


    });*/
</script>

<!--end-main-container-part-->


    @endsection