@extends('admin.layouts.dashboard')

@php
    $title = "Add Offer";
    $button_text = "Submit";
    if(!empty($offer)) {
      $title = "Edit Offer";
      $button_text = "Update";
    }
@endphp

@section('title', 'All Users')
@section('content')

    <div class="container">
        <h3 class="mb-2 main-heading">{{ $title }}</h3>

        @if(!empty($offer))
            <form method="POST" action="{{ route('admin.offers.update', $offer) }}" enctype="multipart/form-data"
                  onsubmit="loader(true)" id="offerForm">
                @method('put')
                @else
                    <form method="POST" action="{{ route('admin.offers.store') }}" enctype="multipart/form-data"
                          onsubmit="loader(true)" id="offerForm">
                        @endif
                        @csrf

                        @if(Session::has('failure'))
                            <div class="alert alert-dismissable alert-danger">
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span></button>
                                {{Session::get('failure')}}</div>
                        @endif

                        @if(Session::has('success'))
                            <div class="alert alert-dismissable alert-success">
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span></button>
                                {{Session::get('success')}}</div>
                        @endif
                       
                        <div class="row p-2 bg-white mt-3">

                            <div class="col-md-12 col-lg-12 form-outline d-flex m-3">
                                <div class="col-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="flexRadioDefault1"
                                                id="product" onchange="radio_check()" @if(!empty($offer->item_id)) checked @endif  @if(Session::has('item_id')) checked @endif>
                                        <label class="form-check-label" for="product"> Product </label>
                                    </div>
                                    <br>
                                    <span class="col-md-12 col-lg-12 text-danger" id="offer_type"  style="display: none">
                                        Please Select Offer Type 
                                    </span>
                                </div>
                                <div class="col-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="flexRadioDefault1"
                                                id="category" onchange="radio_check()" @if(!empty($offer->category_id)) checked @endif  @if(Session::has('category_id')) checked @endif>
                                        <label class="form-check-label" for="product"> Category </label>
                                    </div>
                                </div>

                                <div class="col-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="flexRadioDefault1" id="user"
                                                onchange="radio_check()" @if(!empty($offer->user_id)) checked @endif  @if(Session::has('user_id')) checked @endif>
                                        <label class="form-check-label" for="product"> User </label>
                                    </div>
                                </div>

                                <div class="col-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="flexRadioDefault1" id="limit"
                                                onchange="radio_check()" @if(!empty($offer->limit)) checked @endif  @if(Session::has('limit')) checked @endif>
                                        <label class="form-check-label" for="product"> Amount Limit </label>
                                    </div>
                                    
                                </div>
                                <br/>
                               
                            </div>
                           
                            <div class="col-sm-12 col-md-12 col-lg-6 p-2 m-3 @if(empty($offer->item_id)) d-none  @endif @if(Session::has('item_id')) d-none  @endif" id="product_div">
                                <label>Product</label>
                                <select class="selectpicker form-control1" id="item_id" name="item_id" value="">
                                    <option value="" disabled="" hidden="" selected="">Select</option>
                                    @foreach($items as $item)
                                        @if(!empty($offer->item_id))
                                            @if($offer->item_id == $item->id)
                                                <option value="{{ $item->id }}"  selected="selected" readonly >{{ $item->name }}</option>
                                            @else
                                                 <option value="{{ $item->id }}">{{ $item->name }}</option>
                                            @endif
                                        @else
                                             <option value="{{ $item->id }}">{{ $item->name }}</option>
                                        @endif
                                       
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-sm-12 col-md-12 col-lg-6 p-2 m-3 @if(empty($offer->category_id)) d-none  @endif @if(Session::has('category_id')) d-none  @endif" id="category_div">
                                <label>Category</label>
                                <select class="selectpicker form-control1" id="category_id" name="category_id" value="">
                                    <option value="" disabled="" hidden="" selected="">Select</option>
                                    @foreach($categories as $category)
                                        @if(!empty($offer->category_id))
                                            @if($offer->category_id == $category->id)
                                                <option value="{{ $category->id }}"  selected="selected" readonly >{{ $category->name }}</option>
                                            @else
                                                <option value="{{ $category->id }}">{{ $category->name }}</option>
                                            @endif
                                        @else
                                            <option value="{{ $category->id }}">{{ $category->name }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>


                            <div class="col-sm-12 col-md-12 col-lg-6 p-2 m-3 @if(empty($offer->user_id)) d-none  @endif  @if(Session::has('user_id')) d-none  @endif" id="user_div">
                                <label>Customer</label>
                                <select class="selectpicker form-control1" id="user_id" name="user_id" value="">
                                    <option value="" disabled="" hidden="" selected="">Select</option>
                                    @foreach($users as $user)
                                        @if(!empty($offer->user_id))
                                            @if($offer->user_id == $user->id)
                                                <option value="{{ $user->id }}"  selected="selected" readonly >{{ $user->name }}</option>
                                            @else
                                                 <option value="{{ $user->id }}">{{ $user->name }}</option>
                                            @endif
                                        @else
                                             <option value="{{ $user->id }}">{{ $user->name }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                            @php
                                if(!empty($offer)){
                                    if(Str::contains($offer->limit, '-')){
                                        $limit = collect(explode('-', $offer->limit))->filter()->unique()->toArray();
                                    }
                                }
                            @endphp
                            <div class="col-md-12 col-lg-12 form-outline p-2 m-3 @if(empty($offer->limit)) d-none  @endif @if(Session::has('limit')) d-none  @endif row" id="limit_div">
                                <label>Name<span style="color:red;">*</span></label>
                                <div class="col-sm-6 col-sm-6  form-outline p-2">
                                    <input type="text" name="limit1" id="limit1" placeholder="TO" class="form-control2 p-2"
                                    @if(!empty($offer->limit)) value="{{ Str::contains($offer->limit, '-') ? $limit[0] : $offer->limit }}" @endif>
                                </div>
                                <div class="col-sm-6 col-sm-6  form-outline p-2">
                                    <input type="text" name="limit2" id="limit2" placeholder="From" class="form-control2 p-2"
                                
                                    @if( !empty($offer->limit)) value="{{ Str::contains($offer->limit, '-') ? $limit[1] : "" }}" @endif
                                      oninput="checkRange(this.value)">
                                    <span class="col-md-12 col-lg-12 text-danger" id="range_limit"  style="display: none">
                                        Please Enter More than Start Range 
                                    </span>
                                </div>
                            </div>

                       
                            <div class="col-md-12 col-lg-6  form-outline p-2">
                                <label>Name<span style="color:red;">*</span></label>
                                <input type="text" name="name" id="" placeholder="Name" class="form-control2 p-2"
                                    @if(!empty($offer->name))   value="{{$offer->name}}" @endif
                                    @if(Session::has('name'))  value="{{Session::get('name')}}" @endif required>
                            </div>

                            <div class="col-md-12 col-lg-6 form-outline p-2">
                                <label>Code</label>
                                <input type="text" name="code" id="promo_code" placeholder="Code" class="form-control2 p-2"
                                oninput="checkCode(this.value)"
                                       @if(!empty($offer->code))   value="{{$offer->code}}" @endif
                                    @if(Session::has('code'))  value="{{Session::get('code')}}" @endif required>
                                <span style="display:none" id="code_msg"></span>
                            </div>

                            <div class="col-sm-12 col-md-12 col-lg-6 p-2">
                                <label>Product Type<span style="color:red;">*</span></label>
                                <select class="selectpicke  r form-control1" id="product_type" name="type"
                                         required=""  oninput="checkType()">
                                    <option value="" disabled="" hidden="" selected>Select Offer Type</option>
                                    <option value="flat"
                                            @if(!empty($offer->type)) @if($offer->type == 'flat') selected @endif @endif
                                             @if(Session::has('type')) @if(Session::get('type') =="flat") selected @endif @endif
                                            >
                                        Flat
                                    </option>
                                    <option value="percent"
                                            @if(!empty($offer->type)) @if($offer->type == 'percent') selected @endif @endif
                                            @if(Session::has('type')) @if(Session::get('type') =="percent") selected @endif @endif
                                          >
                                        Percent
                                    </option>
                                </select>
                            </div>

                            <div class="col-md-12 col-lg-6 form-outline p-2">
                                <label>Amount<span style="color:red;">*</span></label>
                                <input type="text" name="amount" id="" placeholder="Amount" class="form-control2 p-2"
                                       @if(!empty($offer->amount))   value="{{$offer->amount}}" @endif
                                    @if(Session::has('amount'))  value="{{Session::get('amount')}}" @endif required>
                            </div>
                            
                            <div class="col-md-12 col-lg-6 form-outline p-2">
                                <label>Start Date</label>
                                <input type="date" class="form-control" data-date-end-date="0d" name="start_date"
                                       value="{{ !empty($offer->start_date) ? $offer->start_date : "" }}">
                            </div>

                            <div class="col-md-12 col-lg-6 form-outline p-2">
                                <label>End Date</label>
                                <input type="date" class="form-control" data-date-end-date="0d" name="end_date"
                                       value="{{ !empty($offer->end_date) ? $offer->end_date : "" }}">
                            </div>

                            {{-- <div class="col-md-12 col-lg-3 form-outline p-2">
                            </div> --}}


                            <div class="form-group py-2 mt-3 ml-3">
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" id="is_active" name="is_active" value="1"
                                               @if(!empty($offer->status)) @if($offer->status == 1) checked @endif @endif 
                                               @if(Session::has('status')) @if(Session::get('status') == 1) checked @endif @endif/>
                                        Active?
                                    </label>
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="d-flex justify-content-center">
                                    <button class="btn-blu-login" id="offer_btn" onclick="validate()">{{ $button_text }}</button>
                                </div>
                            </div>

                        </div>


    </div>
    <!------------------------- Right section end ---------------------------->

@endsection

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

            var bar_code= '';
    
    $(document).ready(function() {
        if(bar_code != ''|| bar_code != null){
            $.ajax({
            type: "GET",
            url: '{{route('checkProductCode')}}',
            datatype: 'json',
            data: {
                'code' : bar_code,
            },
            success: function (data) {
                const obj = JSON.parse(data);
                if(obj.new.code == 1){
                    document.getElementById('code_msg').style.display = "none";
                    document.getElementById("code_msg").innerHTML = "Promo Code is Unique";
                    document.getElementById("code_msg").style.color = "green";
                    document.getElementById('offer_btn').disabled = false;
                    return true;
                }else{
                    document.getElementById('code_msg').style.display = "block";
                    document.getElementById("code_msg").innerHTML = "Please Enter Unique Promo Code";
                    document.getElementById("code_msg").style.color = "red";
                    document.getElementById('offer_btn').disabled = true;
                    document.getElementById("product_code").focus();

                    // return false;
                }
                },
            complete: function () {
            },
            error: function () {
            }
        });
        }
    
    });

    function radio_check() {

        if ($('#product').prop('checked')) {
            document.getElementById('product_div').classList.remove('d-none');
            document.getElementById('category_div').classList.add('d-none');
            document.getElementById('user_div').classList.add('d-none');
            document.getElementById('limit_div').classList.add('d-none');
            $('#offer_type').css('display', 'none');
            document.getElementById('offer_btn').disabled = false;
        } else if ($('#category').prop('checked')) {
            document.getElementById('product_div').classList.add('d-none');
            document.getElementById('category_div').classList.remove('d-none');
            document.getElementById('user_div').classList.add('d-none');
            document.getElementById('limit_div').classList.add('d-none');
            $('#offer_type').css('display', 'none');
            document.getElementById('offer_btn').disabled = false;
        } else if ($('#user').prop('checked')) {
            document.getElementById('product_div').classList.add('d-none');
            document.getElementById('category_div').classList.add('d-none');
            document.getElementById('user_div').classList.remove('d-none');
            document.getElementById('limit_div').classList.add('d-none');
            $('#offer_type').css('display', 'none');
            document.getElementById('offer_btn').disabled = false;

            var select = $('select[name="type"]');
            select.empty();
            select.append('<option value="" selected disabled hidden>Select Offer Type</option>');
            select.append('<option value="percent" >Percent</option>');
           
        } else if ($('#limit').prop('checked')) {
            document.getElementById('product_div').classList.add('d-none');
            document.getElementById('category_div').classList.add('d-none');
            document.getElementById('user_div').classList.add('d-none');
            document.getElementById('limit_div').classList.remove('d-none');
            $('#offer_type').css('display', 'none');
            document.getElementById('offer_btn').disabled = false;

            var select = $('select[name="type"]');
            select.empty();
            select.append('<option value="" selected disabled hidden>Select Offer Type</option>');
            select.append('<option value="percent" >Percent</option>');
        }else{
            
            $('#offer_type').css('display', 'block');
            return false;
        }

    }

     
    function checkCode(code){

        // regexp = /^[A-Za-z0-9]+$/;
        regexp = /^(?=.*[a-zA-Z])(?=.*[0-9])[A-Za-z0-9]+$/;
  
        if (regexp.test(code))
        {
            document.getElementById('code_msg').style.display = "block";
            document.getElementById("code_msg").innerHTML = "Promo Code contains Alpha Numberic";
            document.getElementById("code_msg").style.color = "green";

            $.ajax({
            type: "GET",
            url: '{{route('checkProductCode')}}',
            datatype: 'json',
            data: {
                'code' : code,
            },
            success: function (data) {
                const obj = JSON.parse(data);
                if(obj.new.code == 1){
                    document.getElementById('code_msg').style.display = "none";
                    document.getElementById("code_msg").innerHTML = "Promo Code is Unique";
                    document.getElementById("code_msg").style.color = "green";
                    document.getElementById('offer_btn').disabled = false;
                    return true;
                }else{
                    document.getElementById('code_msg').style.display = "block";
                    document.getElementById("code_msg").innerHTML = "Please Enter Unique Promo Code";
                    document.getElementById("code_msg").style.color = "red";
                    document.getElementById('offer_btn').disabled = true;
                    document.getElementById("product_code").focus();

                    return false;
                }
                },
            complete: function () {
            },
            error: function () {
            }
        });
        document.getElementById('offer_btn').disabled = false;
        }
        else
        {
            document.getElementById('code_msg').style.display = "block";

            document.getElementById("code_msg").innerHTML = "Promo Code contains Alpha Numberic Value";
            document.getElementById("code_msg").style.color = "red";
            document.getElementById('offer_btn').disabled = true;
            // document.getElementById("promo_code").focus();
        }
      
        
    }

    function checkType(){
        var product = document.getElementById('product').checked;
        var category = document.getElementById('category').checked;
        var user = document.getElementById('user').checked;
        var limit = document.getElementById('limit').checked;

        if (product) {
            $('#offer_type').css('display', 'none');
            flag = true;
        } else if (category) {
            $('#offer_type').css('display', 'none');
            flag = true;
        } else if (user) {
            $('#offer_type').css('display', 'none');
            flag = true;
        } else if (limit) {
            $('#offer_type').css('display', 'none');
            flag = true;
        } else {
            $('#offer_type').css('display', 'block');
            document.getElementById('offer_btn').disabled = true;
            return false;

        }
    }

    function checkRange(limit2){

        var limit1 = document.getElementById('limit1').value;
        if ( Number(limit2) > Number(limit1)){
            $('#range_limit').css('display', 'none');
            document.getElementById('offer_btn').disabled = false;
        }else{
            $('#range_limit').css('display', 'block');
            document.getElementById('offer_btn').disabled = true;
            return false;
        }

    }

    function validate() {
        var flag = false;
        flag = checkType();
       
        if (flag) {
            $('#offerForm').submit();
        }
    }

</script>