@extends('admin.layout')
@section('content')
    


<!-- begin::main content -->

<main class="main-content">

    <div class="container">

        <!-- begin::page header -->
        <div class="page-header">
            <h3>Add Product</h3>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#">Dashboard</a></li>                    
                    <li class="breadcrumb-item active" aria-current="page">Promocode</li>
                </ol>
            </nav>
        </div>
        <!-- end::page header -->

        <div class="row">
            <div class="col-md-6">

                <div class="card">
                    <div class="card-body">
                        <a href="{{asset('admin/promocode-list')}}" class="btn btn-primary pull-right"><i class="fa fa-list"></i>&nbsp; promocode List</a>
                        <x-flashMessage/>
                        <h6 class="card-title">Add Product</h6>
                        <form action="{{asset('admin/add-promocode')}}" method="post" enctype="multipart/form-data">
                            @csrf
                            <span id="msg" ></span>
                            

                            <div class="form-group">
                                <label for="name">Code Name</label>
                                <input type="text" class="form-control" name="code" value="{{old('code')}}" id="code" placeholder="Enter Code Name">
                               
                                @if ($errors->has('code'))
                                <div class="error">
                                    {{ $errors->first('code') }}
                                </div>
                                @endif

                            </div>

                            <div class="form-group">
                                <label for="institute">Type <span class="error">*</span></label>
                                <select class="js-example-basic-single" name="discount_type" id="discount_type">
                                    <option>Select discount Type</option>
                                    <option value="flat">Flat</option>
                                    <option value="percentage">Pecentage</option>
                                  
                                    
                                   
                                </select>

                                @if ($errors->has('discount_type'))
                                <div class="error">
                                    {{ $errors->first('discount_type') }}
                                </div>
                                @endif
                            </div>


                            <div class="form-group">
                                <label for="phone">Amount<span class="error">*</span></label>
                                <input type="text" class="form-control" name="amount" value="{{old('amount')}}" id="amount" placeholder="Enter Amount">
                               
                                @if ($errors->has('amount'))
                                <div class="error">
                                    {{ $errors->first('amount') }}
                                </div>
                                @endif

                            </div>

                            <div class="form-group limitValue">
                               
                               
                              

                            </div>


                            <div class="form-group">
                                <label for="institute">promo For <span class="error">*</span></label>                              
                              

                                <select class="js-example-basic-single" name="promo_for" id="promo_for">
                                    <option value="">Select Promo For</option>
                                    <option value="all_courses">All Courses</option>
                                    <option value="selected_courses">Selected Courses</option>
                                  
                                    
                                   
                                </select>

                                

                                @if ($errors->has('promo_for'))
                                <div class="error">
                                    {{ $errors->first('promo_for') }}
                                </div>
                                @endif
                            </div>


                            <div class="form-group courseids" style="display: none">
                                <label for="institute">Course<span class="error">*</span></label>                              
                              

                                <select class="js-example-basic-single" name="courses[]" multiple id="courses">
                                    <option value="">Select Promo For</option>
                                    @if(!empty($products))
                                    @foreach($products as $product)
                                    <option value="{{$product->id}}">{{$product->name}}</option>
                                    @endforeach
                                    @endif                          
                                  
                                    
                                   
                                </select>

                                
                            </div>



                    

                            
                            <div class="form-group">
                                <label for="institute">promo_type</label>
                                <select class="js-example-basic-single" name="promo_type">
                                    <option value="1">Single Times</option>
                                    <option value="2">Multiple Times</option>                                   
                                   
                                </select>

                                @if ($errors->has('promo_type'))
                                <div class="error">
                                    {{ $errors->first('promo_type') }}
                                </div>
                                @endif
                            </div>

                            <div class="form-group">
                                <label for="name">Start Date</label>
                                <input type="date" class="form-control" name="start_date" value="{{old('start_date')}}" id="start_date">
                               
                                @if ($errors->has('start_date'))
                                <div class="error">
                                    {{ $errors->first('start_date') }}
                                </div>
                                @endif

                            </div>

                            <div class="form-group">
                                <label for="name">End Date</label>
                                <input type="date" class="form-control" name="end_date" value="{{old('end_date')}}" id="end_date">
                               
                                @if ($errors->has('end_date'))
                                <div class="error">
                                    {{ $errors->first('end_date') }}
                                </div>
                                @endif

                            </div>


                           
                           
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </form>
                    </div>
                </div>



            </div>
           
        </div>

    </div>

</main>
<!-- end::main content -->

@endsection
@push('footer-script')
    <!-- begin::select2 -->
      <!-- begin::select2 -->
<link rel="stylesheet" href="{{asset('public/admin/vendors/select2/css/select2.min.css')}}" type="text/css">     <!-- end::select2 -->
  
<script src="{{asset('public/admin/vendors/select2/js/select2.min.js')}}"></script>
<script src="{{asset('public/admin/js/examples/select2.js')}}"></script>

<script>
    $(document).ready(function(){
        $(document).on('change','#discount_type',function(){

            // alert();
            // e.preventDefault();
            $.ajaxSetup({
                      headers: {
                          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                      }
                      });

            var discount_type = $(this).val();
            if(discount_type == 'flat')
            {

                $('.limitValue').html('');
            }else{
                $('.limitValue').html(` <label for="institute">Limit Value <span class="error">*</span></label>
                                <input type="text" class="form-control" name="limit_value" value="{{old('limit_value')}}" required id="limit_value" placeholder="Enter Limit Value">`);
            }

           
        });


        $(document).on('change','#promo_for',function(){

            // alert();
            // e.preventDefault();
            $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                    });

            var promo_for = $(this).val();
            if(promo_for == 'all_courses')
            {

                $('.courseids').css('display','none');
            }else{
                $('.courseids').css('display','block');
            }


    });


     

      


    });
</script>
<!-- end::select2 -->
@endpush