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


<style>

    .error{
        color:red;
    }
</style>

@endsection
@section('content')
<div class="row">
    <div class="col-lg-12">
        <section class="card">
            <header class="card-headers">
                CREATE YOUR COUPON
            </header>

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

<div class="row">
    <div class="col-lg-12">
        <section class="card">
            <header class="card-header">Fill this Form & Create Your Coupon</header>
            <div class="card-body">
                <form method="post"
                enctype="multipart/form-data"
                action="{{URL::to('admin/coupons/store')}}" >
                    @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Offer Name</label>
                                <input type="text" value="{{old('offer_name')}}" class="form-control" placeholder="Offer Name"  name="offer_name" >
                                @if($errors->has('offer_name'))
                                 <p class="error" >{{ $errors->first('offer_name') }}</p>
                                 @endif
                            </div>
                         </div>

                         <div class="col-md-6">
                            <div class="form-group">
                                <label>Offer Box</label>
                                <input type="text" value="{{old('offer_box')}}" class="form-control" placeholder="Offer Name" readonly name="offer_box" >
                                @if($errors->has('offer_box'))
                                 <p class="error" >{{ $errors->first('offer_box') }}</p>
                                 @endif
                            </div>
                         </div>

                         <div class="col-md-6">
                            <div class="form-group">
                                <label>Offer Details</label>
                                <input type="text" value="{{old('offer_details')}}" class="form-control" placeholder="Offer Details" readonly name="offer_details" >
                                @if($errors->has('offer_details'))
                                 <p class="error" >{{ $errors->first('offer_details') }}</p>
                                 @endif
                            </div>
                         </div>

                         <div class="col-md-6">
                            <div class="form-group">
                                <label for="exampleInputEmail1">Type</label>
                                <select name="type" class="type form-control form-control-lg mb-2">
                                    <option @if(request()->type == 'code') selected @endif
                                        value="code">Code</option>
                                    <option @if(request()->type == 'active') selected @endif value="active">Active</option>
                                </select>
                                @if($errors->has('type'))
                                      <p class="error" >{{ $errors->first('type') }}</p>
                                @endif
                            </div>
                        </div>



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

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Select Store</label>
                                {{request()->store_id}}
                                <select name="store_id" class="store_id form-control form-control-lg mb-2">
                                   @foreach ($stores as $store)
                                   <option data-id="{{$store->direct_url}}"
                                    @if(request()->store_id == $store->id)
                                   selected @endif

                                   value="{{Crypt::encryptString($store->id)}}"
                                   >{{$store->title}}</option>
                                   @endforeach
                                </select>
                                @if($errors->has('store_id'))
                                      <p class="error" >{{ $errors->first('store_id') }}</p>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Tracking Link</label>
                                <input readonly type="text" class="tracking_link form-control" placeholder="Tracking Link" name="tracking_link" >
                                @if($errors->has('tracking_link'))
                                 <p class="error" >{{ $errors->first('tracking_link') }}</p>
                                 @endif
                            </div>
                         </div>

                         {{-- <div class="col-md-6">
                            <div class="form-group">
                                <label>Image</label>
                                <div class="col-lg-12">
                                    <div class="">
                                        <input type="file" name="image" class="d-block pb-3" />
                                        @if($errors->has('image'))
                                           <p class="error" >{{ $errors->first('image') }}</p>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div> --}}

                        {{-- <div class="col-md-6">
                            <div class="form-group">
                                <label>Image Alt</label>
                                <input type="text"  value="{{old('alt')}}" class="form-control" placeholder="Image Alt" name="alt" >
                                @if($errors->has('alt'))
                                 <p class="error" >{{ $errors->first('alt') }}</p>
                                 @endif
                            </div>
                         </div> --}}


                        <div class="col-md-12 text-center pt-5">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </div>
                </form>
              </div>
          </section>
        </div>
    </div>
@endsection

@section('js')

<script>
    jQuery(document).ready(function(){

        $('.type').change(function (e) {
            if($(this).val() == 'code'){

                $('.code').parent().parent().show();
            }else{
                $('.code').val('');
                $('.code').parent().parent().hide();
            }
        }).change();


        $('.store_id').on('change', function() {
            var selectedOption = $(this).find('option:selected');
            var dataId = selectedOption.data('id');
            $(".tracking_link").val(dataId);
        }).change();


    });

    var offerNameInput = document.getElementsByName('offer_name')[0];
    var offerBoxInput = document.getElementsByName('offer_box')[0];
    var offerDetailsInput = document.getElementsByName('offer_details')[0];

    function updateInputs(){
        var offerNameValue = offerNameInput.value;
        offerBoxInput.value = offerNameValue;
        offerDetailsInput.value = offerNameValue;
    }
    offerNameInput.addEventListener('input',updateInputs);
</script>

@endsection