@extends("admin.layouts.app")
@section("styles")
    <link href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/select2/css/select2.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/select2/css/select2-bootstrap.min.css"
          rel="stylesheet"
          type="text/css"/>

    <link
        href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css"
        rel="stylesheet"
        type="text/css"/>

@endsection
@section("content")
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption font-green">
                        <i class="icon-plus font-green"></i>
                        <span class="caption-subject bold uppercase">New Coupon</span>
                    </div>
                </div>
                <div class="portlet-body form">
                    {{Form::open(['route'=>"admin.coupons.store",'role'=>"form"])}}
                    <div class="form-body">
                    <div class="form-group form-md-line-input form-md-floating-label">
                        {{Form::select('campaign',$campaigns,null,["class"=>"form-control"])}}
                        {!! Form::label('campaign','Campaign',[],false) !!}
                    </div>
                    <div class="form-group form-md-line-input form-md-floating-label">
                        {{Form::number('number',null,["class"=>"form-control"])}}
                        {!! Form::label('number',' How many coupons ? <span class="text-danger">*</span>',[],false) !!}
                    </div>

                    <div class="form-group form-md-line-input form-md-floating-label">
                        {{Form::text("invoice_number",NULL,['class'=>'form-control m-input'])}}
                        {{Form::label("invoice_number","Invoice Number")}}
                    </div>
                    </div>
                    <div class="form-actions noborder">
                        <button type="submit" class="btn blue">@lang("constants.create")</button>
                        <button type="reset" class="btn default">@lang("constants.clear")</button>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection
@section("scripts")
    <script
        src="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js"
        type="text/javascript"></script>

    <script src="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/select2/js/select2.full.min.js"
            type="text/javascript"></script>
    <script>
        $.fn.select2.defaults.set("theme", "bootstrap");
        $(".select2, .select2-multiple").select2({
            placeholder: "Select category or more",
            width: null
        });
        $(".date-picker").datepicker({format: 'dd/mm/yyyy', rtl: App.isRTL(), autoclose: !0})


        $(document).ready(function(){
            $('input[type="radio"]').click(function(){
                var inputValue = $(this).attr("value");
                var targetBox = $("." + inputValue);
                $(".box").not(targetBox).hide();
                $(targetBox).show();
            });
        });


    </script>

@endsection