@extends('admin.admin_app')

@section('content')
<div class="content-wrapper">

    <div class="container-xxl flex-grow-1 container-p-y">

        <div class="col-md-12">
            <div class="card mb-4">
            <h5 class="card-header">Edit Promocode</h5>

                <div class="card-body">

                    <div id="login_error"></div>
                    <div id="login_success">
                        @if(session()->has('success'))
                        <div class="alert alert-success" role="alert">
                            {{ session()->get('success') }}
                        </div>
                        @endif
                    </div>

                    <form action="{{ route('edit_promocode.post') }}" method="POST" id="update_promoForm">
                        @csrf
                        @method('POST')
                        <div class="mb-3">
                            <label for="promocode_title" class="form-label">Promocode For</label>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input select-promocode-for" type="radio" name="promocode_for" id="individualRadio" value="individual" @if($result->promocode_for == 'individual') checked @endif />
                                <label class="form-check-label" for="individualRadio">Individual</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input select-promocode-for" type="radio" name="promocode_for" id="sellerRadio" value="seller" @if($result->promocode_for == 'seller') checked @endif />
                                <label class="form-check-label" for="sellerRadio">Seller</label>
                            </div>
                        </div>
                        <div class="mb-3 seller-wrap @if($result->promocode_for != 'seller') d-none @endif">
                            <label for="seller_id" class="form-label">Seller</label>
                            <select class="form-select" id="seller_id" name="seller_id" aria-label="Default select example">
                                <option value=""> --- Select Seller --- </option>
                                @if(!empty($sellers))
                                    @foreach ($sellers as $seller)
                                        <option value="{{$seller->id}}" @if($seller->id == $result->seller_id) selected @endif>{{$seller->first_name}} {{$seller->last_name}}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                        <div class="mb-3">
                            <input type="hidden" name="tmpid" id="tmpid" value="{{ $result->id }}" />
                            <label for="promocode_title" class="form-label">Promocode Title</label>
                            <input type="text" class="form-control" id="promocode_title" name="promocode_title" value="{{ $result->promocode_title }}" required/>
                        </div>
                        <div class="mb-3">
                            <label for="promocode" class="form-label">Promo Code</label>
                            <input type="text" class="form-control" id="promocode" name="promocode" value="{{ $result->promocode }}" required/>
                        </div>
                        <div class="mb-3">
                            <label for="description" class="form-label">Description</label>
                            <textarea class="form-control" id="description" name="description">{{ $result->description }}</textarea>
                        </div>
                        <div class="mb-3">
                            <label for="discount_type" class="form-label">Discount Type &nbsp;&nbsp;</label>
                            <div class="form-check form-check-inline mt-3">
                            <input class="form-check-input" type="radio" name="discount_type" id="discount_type_flat" value="FLAT" @if($result->discount_type == 'FLAT') checked  @endif>
                            <label class="form-check-label" for="discount_type_flat">FLAT</label>
                            </div>
                            <div class="form-check form-check-inline mt-3">
                                <input class="form-check-input" type="radio" name="discount_type" id="discount_type_per" value="PERCENTAGE" @if($result->discount_type == 'PERCENTAGE') checked  @endif>
                                <label class="form-check-label" for="discount_type_per">PERCENTAGE</label>
                            </div>
                        </div>
                        <div class="mb-3" id="percentage" style="display:none">
                            <label for="discount_percentage" class="form-label">Discount Percentage (%)</label>
                            <input type="text" class="form-control" id="discount_amount" name="discount_amount_per"

                                                            />
                        </div>
                        <div class="mb-3" id="Flat" style="display:none">
                            <label for="discount_flat" class="form-label">Discount Amount Flat</label>
                            <input type="text" class="form-control" id="discount_amount" name="discount_amount_flat"
                                                            />
                        </div>
                                                <div class="mb-3">
                                                        <label for="start_date" class="form-label">Start Date</label>
                            <input type="text" class="form-control" id="promocode_from_date" name="promocode_from_date" value="{{ date('Y-m-d', strtotime($start_date)) }}" required/>
                        </div>
                        <div class="mb-3">
                            <label for="end_date" class="form-label">End Date</label>
                            <input type="text" class="form-control" id="promocode_to_date" name="promocode_to_date" value="{{ date('Y-m-d', strtotime($end_date)) }}" required/>
                        </div>
                        <div class="mb-3">
                            <label for="status" class="form-label">Status</label>
                            <select class="form-select" id="status" name="status" aria-label="Default select example">
                                <option selected> --- Select Status --- </option>
                                <option @if($result->status == 'Active') selected  @endif
                                value="Active"> Active</option>
                                <option @if($result->status == 'Inactive') selected  @endif
                                    value="Inactive"> Inactive</option>
                            </select>
                        </div>
                        <button type="submit" id="updatePromo" class="btn btn-primary">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
<script>
    $(document).on('click', '.select-promocode-for', function() {
        var promo_type = $(this).val();
        if(promo_type == 'seller') {
            $('.seller-wrap').removeClass('d-none')
        }
        else {
            $('.seller-wrap').addClass('d-none')
        }
    })
    $('input[name="discount_type"]:radio').on('change',function () {
        $('#Flat').toggle(this.id == 'discount_type_flat');
        $('#percentage').toggle(this.id == 'discount_type_per');
    });

    $("#promocode_from_date").datepicker({
        numberOfMonths: 1,
        dateFormat: "yy-mm-dd",
        onSelect: function (selected) {
            var dt = new Date(selected);
            dt.setDate(dt.getDate() + 1);
            $("#promocode_to_date").datepicker("option", "minDate",dt);
        }
    });
    $("#promocode_to_date").datepicker({
        numberOfMonths: 1,
        dateFormat: "yy-mm-dd",
        onSelect: function (selected) {
            var dt = new Date(selected);
            dt.setDate(dt.getDate() - 1);
            $("#promocode_from_date").datepicker("option", "maxDate",dt);
        }
    });

    var currentRequest = null;
    $("#update_promoForm").validate({
        rules: {
            promocode_title : 'required',
            seller_id: {
                required: function () {
                    if($('.select-promocode-for:checked').val() == 'seller') {
                        return true;
                    }
                    else {
                        return false;
                    }
                }
            },
            promocode:{
                required: true,
                remote:{
                    url: '{{ route("promocode.check") }}',
                    type: 'POST',
                    data: {
                        promo:$("#promocode").val(),"_token": "{{ csrf_token() }}",
                        promocode_id: "{{ $result->id }}",
                    }
                }
            },
            description:'required',
            discount_type:'required',
            discount_amount:'required',
            max_discount:'required',
            min_cart_total:'required',
            promocode_from_date:'required',
            promocode_to_date:'required',
            status:'required',

        },
        messages: {
            promocode_title : 'Please Enter Promocode Title',
            seller_id: {
                required: "Please Select Seller"
            },
            promocode:{
                required : 'Please Enter Promocode',
                remote : 'Promocode is already used',
            },
            description:'Please Enter Promocode Description',
            discount_type:'Please Enter Discount Type',
            discount_amount:'Please Enter Discount Amount',
            max_discount:'Please Enter Max Discount',
            min_cart_total:'Please Enter min cart total',
            promocode_from_date:'Please Enter Promocode start date',
            promocode_to_date:'Please Enter Promocode end date',
            status:'Please select status',
        },
        submitHandler:function(form){
            var formData = new FormData(form);
            currentRequest = jQuery.ajax({
                url : "{{ route('edit_promocode.post') }}",
                type: "POST",
                data : formData,
                dataType : 'JSON',
                contentType : false,
                processData : false,
                beforeSend : function(){
                    if(currentRequest != null){
                    currentRequest.abort();
                    }
                },
                success:function(data){
                    $('#loading').show();
                    $("#login_success").html('');
                    $("#login_error").html('');
                    if(data.errors) {
                        var errors = data.errors;
                        $.each(errors, function(i, val) {
                            $('#login_error').append('<div class="alert alert-danger alert-dismissible fade show text-left" role="alert">'+val[0]+'</div>');
                        })
                    }
                    else if(data.status == '1'){
                        $('#login_success').html('<div class="alert alert-success" role="alert">Promocode Updated successfully.</div>');
                        setTimeout(() => {
                            window.location.href="{{ route('promocode.index') }}";
                        }, 1000);
                        return false;
                    }
                    else {
                        $('#login_error').html('<div class="alert alert-danger alert-dismissible fade show text-left" role="alert">' + data.message + '</div>');
                    }
                    $('#loading').hide();
                    setTimeout(() => {
                        $("#login_success").html('');
                        $("#login_error").html('');
                    }, 3000);
                    $('html, body').animate({
                        scrollTop: 0
                    }, 1000);
                },
                error:function(e){
                // Error
                    $('#loading').hide();
                    return false;
                }
            });
        }
    });
</script>
@endsection