@extends('layouts.front_layout')
@section('content')
@section('title', 'Gutschein hinzufügen')

<section class="pt-lg-140 pt-md-20">
    <div class="container">
        <div class="row">
            @include('user.sidebar')
            <div class="col-lg-10 col-md-9">
                <div class="dashbord-content card p-4">
                    <div class="text-center">
                        <h2>Gutschein hinzufügen</h2>
                        <hr>
                    </div>
                    <div class="row">
                        @if (session('msg'))
                        <div class="alert alert-success" role="alert">
                            {{ session('msg') }}
                        </div>
                        @endif
                        <form method="post" action="{{url('user/save-offer')}}" enctype="multipart/form-data">
                            @csrf


                            <div class="row gy-4">

                                <div class="col-xxl-12 col-md-12">
                                    <div class="form-group">
                                        <label for="title" class="form-label">Title</label>
                                        <input type="text" class="form-control" name="title" value="{{ isset($product)?$product->title:old('title') }}">
                                    </div>
                                    @error('title')
                                    <span class="text-danger">{{$message}}</span>
                                    @enderror
                                </div>

                                <div class="col-xxl-12 col-md-12">
                                    <div class="form-group">
                                        <label for="category_id" class="form-label">Category: </label><br>
                                        <div style="display: flex; justify-content: space-around">
                                            @foreach($categories as $category)
                                            <div>
                                                <label for="{{$category->id}}">{{$category->title}} </label> <input type="checkbox" name="category[]" id="{{$category->id}}" value="{{$category->id}}" @if(isset($product)) {{ in_array($category->id, $product_categories) ? 'checked' : '' }} @endif>
                                            </div>
                                            @endforeach
                                            <div>
                                            </div>
                                            @error('category_id')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>


                                        <div class="col-xxl-6 col-md-6">
                                            <div class="form-group">
                                                <label for="name" class="form-label">Country</label>
                                                <select name="country" id="country" class="form-control">
                                                    <option value="" @if(isset($product) && $product->country == '') {{"selected"}} @endif>--Select--</option>
                                                    @foreach($countries as $country)
                                                    <option value="{{$country->id}}" @if(isset($product) && $product->country == $country->id) {{"selected"}} @endif>{{$country->emoji}} {{$country->name}}</option>
                                                    @endforeach
                                                </select>
                                                @error('country')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                        </div>


                                        <div class="col-xxl-6 col-md-6">
                                            <div class="form-group">
                                                <label for="offer_code" class="form-label">Image</label>
                                                <input type="file" class="form-control" name="image">
                                            </div>
                                            @error('image')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>

                                        <div class="col-xxl-6 col-md-6">
                                            <div>
                                                <label for="name" class="form-label">Price Type</label>
                                                <select name="price_type" class="form-control" id="price_type">
                                                    <option value="" @if(isset($product) && $product->price_type == '') {{"selected"}} @endif>--Select--</option>
                                                    <option value="fixed" @if(isset($product) && $product->price_type == 'fixed') {{"selected"}} @endif>Fixed</option>
                                                    <option value="price_range" @if(isset($product) && $product->price_type == 'price_range') {{"selected"}} @endif>Price Range</option>
                                                </select>

                                                @error('price_type')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror

                                            </div>
                                        </div>


                                        <div class="col-xxl-6 col-md-6" id="net_price">
                                            <div class="form-group">
                                                <label for="price" class="form-label">Net Price</label>
                                                <input type="text" class="form-control" name="price" value="{{ isset($product)?$product->price:old('price') }}">
                                            </div>
                                            @error('price')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>


                                        <div class="col-xxl-6 col-md-6" id="minimum_price">
                                            <div class="form-group">
                                                <label for="minimum_price" class="form-label">Minimum Price</label>
                                                <input type="text" class="form-control" name="minimum_price" value="{{ isset($product)?$product->minimum_price:old('minimum_price') }}">
                                            </div>
                                            @error('minimum_price')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>


                                        <div class="col-xxl-6 col-md-6" id="maximum_price">
                                            <div class="form-group">
                                                <label for="maximum_price" class="form-label">Maximum Price</label>
                                                <input type="text" class="form-control" name="maximum_price" value="{{ isset($product)?$product->maximum_price:old('maximum_price') }}">
                                            </div>
                                            @error('maximum_price')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>


                                        <div class="col-xxl-6 col-md-6">
                                            <div class="form-group">
                                                <label for="sell_price" class="form-label">Vat(%)</label>
                                                <input type="text" class="form-control" name="vat" value="{{ isset($product)?$product->vat:old('vat') }}">
                                            </div>
                                            @error('vat')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>

                                        <div class="col-xxl-12 col-md-12">
                                            <div class="form-group">
                                                <label for="affiliate_url" class="form-label">Affiliate Link</label>
                                                <input type="text" class="form-control" name="affiliate_url" value="{{ isset($product)?$product->affiliate_url:old('affiliate_url') }}">
                                            </div>
                                            @error('affiliate_url')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>



                                        <div class="col-xxl-12 col-md-12">
                                            <div class="form-group">
                                                <label for="descriptions" class="form-label">Description</label>
                                                <textarea class="form-control" name="descriptions"> {{ isset($product)?$product->descriptions:old('descriptions') }}</textarea>
                                            </div>
                                            @error('descriptions')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>


                                        <div class="col-xxl-6 col-md-6">
                                            <div class="form-group">
                                                <label for="name" class="form-label">Voucher Type</label>
                                                <select name="voucher_type" class="form-control">
                                                    <option value="" @if(isset($product) && $product->voucher_type == '') {{"selected"}} @endif>--Select--</option>
                                                    <option value="single_purpose" @if(isset($product) && $product->voucher_type == 'single_purpose') {{"selected"}} @endif>Single Purpose</option>
                                                    <option value="multiple_purpose" @if(isset($product) && $product->voucher_type == 'multiple_purpose') {{"selected"}} @endif>Multiple Purpose</option>
                                                </select>
                                                @error('voucher_type')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        @php
                                        $voucher_validity_type = App\Helpers\Helper::getWebSetting('voucher_validity_type');
                                        @endphp
                                        <div class="col-xxl-6 col-md-6">
                                            <div class="form-group">
                                                <label for="name" class="form-label">Voucher Validity Type</label>

                                                <select name="voucher_validity_type" id="voucher_validity_type" class="form-control">
                                                    <option value="" @if(isset($product) && $product->voucher_validity_type == '') selected @elseif($voucher_validity_type == '') selected @endif>--Select--</option>
                                                    <option value="1" @if(isset($product) && $product->voucher_validity_type == '1') selected @elseif($voucher_validity_type == '1') selected @endif>Purchase Date</option>
                                                    <option value="2" @if(isset($product) && $product->voucher_validity_type == '2') selected @elseif($voucher_validity_type == '2') selected @endif>First of January</option>
                                                </select>
                                                @error('voucher_validity_type')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                        </div>


                                        <div class="col-xxl-6 col-md-6">
                                            <div class="form-group">
                                                <label for="voucher_validity" class="form-label">Voucher Validity Period (Months)</label>
                                                <input type="text" class="form-control" id="voucher_validity" name="voucher_validity" value="{{ isset($product)?$product->voucher_validity: App\Helpers\Helper::getWebSetting('voucher_validity_period') }}">
                                                <input type="hidden" id="dafault_voucher_validity" name="dafault_voucher_validity" value="{{App\Helpers\Helper::getWebSetting('voucher_validity_period')}}">
                                            </div>

                                            <input type="hidden" name="old_voucher_validity_type" id="old_voucher_validity_type" value="{{App\Helpers\Helper::getWebSetting('voucher_validity_type')}}">
                                            <input type="hidden" name="old_voucher_validity" id="old_voucher_validity" value="{{App\Helpers\Helper::getWebSetting('voucher_validity_period')}}">
                                            @error('voucher_validity')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>

                                        <div class="col-xxl-6 col-md-6" id="validity_message">
                                            <div class="form-group">
                                                <label for="validity_message" class="form-label">Why you changing validity setting?</label>
                                                <input type="text" class="form-control" name="validity_message" id="why_validity_message" value="{{ isset($product)?$product->validity_message:old('validity_message') }}">                                             
                                            </div>
                                            @error('validity_message')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>




                                        <div class="col-xxl-6 col-md-6">
                                            <div class="form-group">
                                                <label for="zip_code" class="form-label">Zip Code</label>
                                                <input type="text" class="form-control" name="zip_code" value="{{ isset($product)?$product->zip_code:old('zip_code') }}">
                                            </div>
                                            @error('zip_code')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>


                                        <div class="col-xxl-6 col-md-6">
                                            <div class="form-group">
                                                <label for="name" class="form-label">Status</label>
                                                <select name="status" class="form-control">
                                                    <option value="" @if(isset($product) && $product->status == '') {{"selected"}} @endif>--Select--</option>
                                                    <option value="1" @if(isset($product) && $product->status == 1) {{"selected"}} @endif>Active</option>
                                                    <option value="0" @if(isset($product) && $product->status == 0) {{"selected"}} @endif>Inactive</option>
                                                </select>
                                                @error('status')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                        </div>


                                    </div>
                                    <br>
                                    <div class="row gy-4">
                                        <div class="col-md-12 mb-30" style="text-align: end;">
                                            <input type="hidden" name="product_id" value="{{ isset($product)?$product->id:old('product_id') }}">
                                            <input type="submit" class="btn btn-success" value="submit">
                                        </div>
                                    </div>

                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<script>
    $(function() {
        $('#net_price').hide();
        $('#minimum_price').hide();
        $('#maximum_price').hide();
        $('#validity_message').hide();

        $('#voucher_validity').change(function() {

        var voucher_validity_value = $('#voucher_validity').val();
        var old_voucher_validity_value = $('#old_voucher_validity').val();
        var voucher_validity_type_value = $('#voucher_validity_type').val();
        var old_voucher_validity_type_value = $('#old_voucher_validity_type').val();
       
            if((voucher_validity_value != old_voucher_validity_value) || (voucher_validity_type_value != old_voucher_validity_type_value)) {
            $('#validity_message').show();
            $("#why_validity_message").prop('required',true);
        } else
        {
            $('#validity_message').hide();
            $("#why_validity_message").removeProp('required',false);
        }
       
       });

       $('#voucher_validity_type').change(function() {

        var voucher_validity_value = $('#voucher_validity').val();
        var old_voucher_validity_value = $('#old_voucher_validity').val();
        var voucher_validity_type_value = $('#voucher_validity_type').val();
        var old_voucher_validity_type_value = $('#old_voucher_validity_type').val();
        
        if((voucher_validity_type_value != old_voucher_validity_type_value) || (voucher_validity_value != old_voucher_validity_value)) {
            $('#validity_message').show();
            $("#why_validity_message").prop('required',true);
        } else
        {
            $('#validity_message').hide();
            $("#why_validity_message").removeProp('required',false);
        }
       
       });

        // $('#voucher_validity_type').change(function() {
        //     $('#validity_message').show();
        // });

        $('#price_type').change(function() {
            if ($('#price_type').val() == 'fixed') {
                $('#net_price').show();
                $('#minimum_price').hide();
                $('#maximum_price').hide();
            } else if ($('#price_type').val() == 'price_range') {
                $('#net_price').hide();
                $('#minimum_price').show();
                $('#maximum_price').show();
            } else {
                $('#net_price').hide();
                $('#minimum_price').hide();
                $('#maximum_price').hide();
            }
        });
    });
</script>


@stop