@extends('backend.layouts.app-backend')

@section('content')

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>Edit Fundraiser ads</h2>
        <ol class="breadcrumb">
            <li>
                <a href="{{route('admin.dashboard')}}">Dashboard</a>
            </li>
            <li>
                <a href="{{route('admin.fundrazier-ads.index')}}">list</a>
            </li>
            <li class="active">
                <strong>Edit Fundraiser ads</strong>
            </li>
        </ol>
    </div>
</div>

<div class="wrapper wrapper-content animated fadeInRight">

    @include('layouts.message')

    <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h5>Edit fundrazier Ads from the following form.</h5>
        </div>
        <div class="ibox-content">
            <form method="POST" enctype="multipart/form-data" id="fundrazierForm">
                
                @csrf()

                <div class="ad-details">
                    
                    <h3><strong>1. Fundraiser Details</strong></h3>

                    <div class="form-group">
                        <label>Fundraiser Title</label>
                        <input name="title" type="text" class="form-control" value="{{old('title',$fundrazier->title)}}">
                    </div>

                       
                    <div class="form-group">
                        <label for="inputFeatuedImage" class="label-display-block">Image</label>
                        <div class="fileinput @if( isset( $fundrazier->overview_image ) ) fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                            <div class="fileinput-preview fileinput-exists thumbnail" style="width:200px;height:200px;">
                                @if(isset($fundrazier->overview_image))
                                    <img src="{{asset('fundrazier/'.$fundrazier->overview_image)}}">
                                @endif
                            </div>
                            <div>
                              <span class="btn btn-primary btn-file">
                                  <span class="fileinput-new">Select Image</span>
                                  <span class="fileinput-exists">Change</span>
                                  <input type="hidden" name="overview_image" value="{{isset($fundrazier->overview_image) ? $fundrazier->overview_image : ''}}">
                                  <input id="overview_image" name="overview_image" type="file" class="form-control" accept="image/*"/>
                              </span>
                              <a href="#" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remove</a>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="inputDes">Description</label>
                        <textarea class="form-control textarea" rows="3" name="overview_description" placeholder="Enter fundrazier description" id="overview_description">{!!old('overview_description',$fundrazier->overview_description)!!}</textarea>
                    </div>

                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="">Fundraiser Start date</label>
                            <input type="text" class="form-control" id="fundrazierdatetimepickerfrom" name="fundrazier_start_date" value="{{old('fundrazier_start_date',$fundrazier->event_start_date)}}" placeholder="YYYY-MM-DD" autocomplete="off">
                        </div>
                        <div class="form-group col-md-6">
                            <label for="">Fundraiser End date</label>
                            <input type="text" class="form-control" id="fundrazierdatetimepickerto" name="fundrazier_end_date" value="{{old('fundrazier_end_date',$fundrazier->event_end_date)}}" placeholder="YYYY-MM-DD" autocomplete="off">    
                        </div>
                    </div>

                </div> 

                <div class="ad-details">
                    
                    <h3><strong>2. Contact Info</strong></h3>
     
                    <div class="form-row row">
                        <div class="form-group col-md-6">
                            <label>Email </label>
                            <input name="email" type="text" class="form-control" value="{{old('email',$fundrazier->email)}}">
                        </div>

                        <div class="form-group col-md-6">
                            <label>Phone </label>
                            <input name="phone" type="text" class="form-control" value="{{old('phone',$fundrazier->phone)}}">
                        </div>
                    </div>

                </div>


                <div class="ad-details">
                    
                    <h3><strong>3.Fundraiser Location</strong></h3>
        
                     <div class="form-group">
                        <label>Street, Address </label>
                        <input name="street_address" type="text" class="form-control" value="{{old('street_address',$fundrazier->street_address)}}">
                    </div>

                    <div class="form-row row">

                        <div class="form-group col-md-4">
                            <label>City </label>
                            <input name="city" type="text" class="form-control" value="{{old('city',$fundrazier->city)}}">
                        </div>

                        <div class="form-group col-md-4">
                            <label>Province </label>
                            <select name="province_id" class="form-control">
                                <option value="">Select Province</option>
                                @foreach($provinces as $province)
                                    <option value="{{$province->id}}" {{$province->id == $fundrazier->province_id ? 'selected' : ''}}>{{$province->name}}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group col-md-4">
                            <label>Postal Code</label>
                            <input name="postal_code" type="text" class="form-control" value="{{old('postal_code',$fundrazier->postal_code)}}">
                        </div>

                    </div>


                </div> 


                <div class="ad-details">
                    
                    <h3><strong>4. Social Links</strong></h3>
        
                    <div class="form-row row">

                        <div class="form-group col-md-6">
                            <label>Facebook Link </label>
                            <input name="facebook_url" type="text" class="form-control" value="{{old('facebook_url',$fundrazier->facebook_url)}}">
                        </div>

                        <div class="form-group col-md-6">
                            <label>Twitter Link </label>
                            <input name="twitter_url" type="text" class="form-control" value="{{old('twitter_url',$fundrazier->twitter_url)}}">
                        </div>

                        <div class="form-group col-md-6">
                            <label>Pinterest Link</label>
                            <input name="pinterest_url" type="text" class="form-control" value="{{old('pinterest_url',$fundrazier->pinterest_url)}}">
                        </div>

                        <div class="form-group col-md-6">
                            <label>Instagram </label>
                            <input name="instagram_url" type="text" class="form-control" value="{{old('instagram_url',$fundrazier->instagram_url)}}">
                        </div>

                       
                    </div>


                </div> 


                <div class="ad-details">
                    <h3><strong>5.Other</strong></h3>

                    <div class="form-group">
                        <label for="inputLogoTitle">Logo title</label>
                        <input type="text" class="form-control" id="inputLogoTitle" name="fundrazier_logo_title" value="{{old('fundrazier_logo_title',$fundrazier->fundrazier_logo_title)}}">
                    </div>

                    <div class="form-group">

                        <label for="inputFeatuedImage" class="label-display-block">Featured or Logo Image</label>

                        <div class="fileinput @if( isset( $fundrazier->featured_image ) )  fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                            <div class="fileinput-preview fileinput-exists thumbnail" style="width:200px;height:200px;">
                               @if( isset( $fundrazier->featured_image ) ) 
                                  <img src="{{asset('fundrazier/'.$fundrazier->featured_image)}}">
                              @endif
                            </div>
                            <div>
                              <span class="btn btn-primary btn-file">
                                  <span class="fileinput-new">Select Image</span>
                                  <span class="fileinput-exists">Change</span>
                                  <input type="hidden" name="featured_image" value="{{isset($fundrazier->featured_image) ? $fundrazier->featured_image : ''}}">
                                  <input id="featured_image" name="featured_image" type="file" class="form-control" accept="image/*"/>
                              </span>
                              <a href="#" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remove</a>
                            </div>
                        </div>

                    </div>
                </div>


                <div class="ad-details">
                    <h3>6. Ticket info</h3>
                    
                    <div class="form-group">
                      <label class="form-check-label-want-ticket"> Do you want to buy a ticket? </label>
                      <div class="form-check">
                        <input class="form-check-input" type="radio" name="fundrazier_buy_ticker" value="1"  {{old( 'fundrazier_buy_ticker',$fundrazier->fundrazier_buy_ticker) == 1 ? 'checked' : ''}}> Yes
                     </div>
                     <div class="form-check">
                        <input class="form-check-input" type="radio" name="fundrazier_buy_ticker" value="0"  {{old( 'fundrazier_buy_ticker',$fundrazier->fundrazier_buy_ticker) == 0 ? 'checked' : ''}}> No
                     </div>
                    </div>
                    <div class="form-group">
                        <label for="inputTwitter">No. of ticket to sell</label>
                        <input type="number" class="form-control" name="fundrazier_no_of_ticker" value="{{old('fundrazier_no_of_ticker',$fundrazier->fundrazier_no_of_ticker)}}">
                    </div>
                </div>              


           
                <div class="ad-details">
                    
                    <h3><strong>7. Promote Your Ad</strong></h3>
                    
                     <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="">Post Start date</label>
                            <input type="text" class="form-control" id="datetimepickerfrom" name="post_start_date" value="{{old('post_start_date',date('Y-m-d',strtotime($fundrazier->approved_date)))}}" placeholder="YYYY-MM-DD" autocomplete="off">
                        </div>
                        <div class="form-group col-md-6">
                            <label for="">Post End date</label>
                            <input type="text" class="form-control" id="datetimepickerto" name="post_end_date" value="{{old('post_end_date',date('Y-m-d',strtotime($fundrazier->expiry_date)))}}" placeholder="YYYY-MM-DD" autocomplete="off">
                        </div>
                    </div>

                    <div class="form-row row">
                        <div class="form-group col-md-4">
                            <label for="inputTitle">Packages</label>
                            <select name="promote_ad_type" class="form-control">
                                <option value="">--Select Package--</option>
                                @if(isset($adSettings) && count($adSettings))
                                    @foreach($adSettings as $adS)
                                        <option value="{{$adS->id}}" {{$adS->id == $fundrazier->promote_ad_type ? 'selected' : ''}}>{{$adS->title}}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>

                       
                        <div class="form-group col-md-4">
                            <label for="inputTitle">Duration/Day</label>
                            <input name="promote_ad_type_duration" type="text" class="form-control" value="{{old('promote_ad_type_duration',$fundrazier->promote_ad_type_duration)}}" readonly="readonly">
                        </div>

                        <div class="form-group col-md-4">
                            <label for="inputTitle">Price($) (per day)</label>
                            <input name="promote_ad_type_price" type="text" class="form-control" value="{{old('promote_ad_type_price',$adSetting->adsettingrelation[0]->price)}}" readonly="readonly">
                        </div>
                    </div>
                </div> 
                

                <div class="ad-details">
                    
                    <h3><strong>8. Featured Your Ad</strong></h3>
                    
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="">Featured Start date</label>
                            <input type="text" class="form-control" id="featureddatetimepickerfrom" name="featured_start_date" value="{{isset($fundrazier->featured_start) ? date('Y-m-d',strtotime($fundrazier->featured_start) ) : ''}}" placeholder="YYYY-MM-DD" autocomplete="off">
                        </div>
                        <div class="form-group col-md-6">
                            <label for="">Featured End date</label>
                            <input type="text" class="form-control" id="featureddatetimepickerto" name="featured_end_date" value="{{isset($fundrazier->featured_expired) ? date('Y-m-d',strtotime($fundrazier->featured_expired) ) : ''}}" placeholder="YYYY-MM-DD" autocomplete="off">
                        </div>
                    </div>

                    <div class="form-row row">
                        <div class="form-group col-md-4">
                            <label for="inputTitle">Featured Packages</label>
                            <select name="featured_ad_setting_id" class="form-control">
                                <option value="">--Select Package--</option>
                                @if(isset($featuredAdSettings) && count($featuredAdSettings))
                                    @foreach($featuredAdSettings as $featured)
                                        <option value="{{$featured->id}}" {{$featured->id == $fundrazier->featured_ad_setting_id ? 'selected' : ''}}>{{$featured->title}}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>

                        <div class="form-group col-md-4">
                            <label for="inputTitle">Duration</label>
                            <input name="featured_duration" type="text" class="form-control" value="{!!$days_between!!}" readonly="readonly">
                        </div>

                        <div class="form-group col-md-4">
                            <label for="inputTitle">Price($) (per day)</label>
                            <input name="featured_price" type="text" class="form-control" value="{!!$featuredAdSettings[0]->price ?? ''!!}" readonly="readonly">
                        </div>
                    </div>
                </div> 

                <div class="ad-details">
                    
                    <h3><strong>9. Status</strong></h3>
        
                    <div class="form-group">
                        <label>Ad Status </label>
                        <select name="status" class="form-control">
                            <option value="4" {{$fundrazier->status == 4 ? 'selected' : ''}}>Unpublished</option>
                            <option value="1" {{$fundrazier->status == 1 ? 'selected' : ''}}>Published/Approved</option>
                            <option value="0" {{$fundrazier->status == 0 ? 'selected' : ''}}>Pending</option>
                            <option value="2" {{$fundrazier->status == 2 ? 'selected' : ''}}>Rejected</option>
                            <option value="3" {{$fundrazier->status == 3 ? 'selected' : ''}}>Review</option>
                        </select>
                    </div>

                    <div class="form-group">
                      <label class="form-check-label-want-ticket"> Enable Buy ticket button</label>
                      <div class="form-check">
                        <input class="form-check-input" type="radio" name="fundrazier_is_sold_out" value="1"  {{old( 'fundrazier_is_sold_out',$fundrazier->fundrazier_is_sold_out) == 1 ? 'checked' : ''}}> Yes
                     </div>
                     <div class="form-check">
                          <input class="form-check-input" type="radio" name="fundrazier_is_sold_out" value="0"  {{old( 'fundrazier_is_sold_out',$fundrazier->fundrazier_is_sold_out) == 0 ? 'checked' : ''}}> No
                     </div>
                    </div>
                </div>

                <div class="form-group" style="margin-bottom: 50px;margin-left: -15px;">
                    <div class="col-sm-4">
                        <button class="btn btn-primary" type="button" id="fundrazierButton">Save</button>
                    </div>
                </div>

            </form>
        </div>
    </div>
      
</div>
  
@endsection

@section('header-style')
<link href="{{ asset('backend/jasny-bootstrap/css/jasny-bootstrap.css')}}" rel="stylesheet" />
<link href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
@stop
@section('footer-scripts')
<script type="text/javascript" src="{{ asset('backend/jasny-bootstrap/js/jasny-bootstrap.js') }}"></script>
<script type="text/javascript" src="{{ asset('backend/tinymce/tinymce.min.js') }}"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
<script type="text/javascript">


tinymce.init({
    selector: ".textarea",
    menubar:false,
    plugins: [
        'advlist autolink lists link image charmap print preview anchor',
        'searchreplace visualblocks code fullscreen',
        'insertdatetime media table contextmenu'
    ],
    toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image'
});

$("#fundrazierButton").on('click',function(e){

    e.preventDefault();

    $("span.uk-text-danger").remove();

    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('input[name="_token"]').val()
      }
    });

    var form     = document.forms.namedItem("fundrazierForm"); // high importance!, here you need change "yourformname" with the name of your form

    var formData = new FormData(form); // high importance!

    formData.append("overview_description", tinymce.get('overview_description').getContent());

    var self     = $(this);

    $.ajax({
        url: "{{route('admin.fundrazier-ads.update',$fundrazier->id)}}",
        processData: false,
        contentType: false,
        cache: false,
        method: 'POST',
        data: formData,
        beforeSend: function(){

            self.text('Saving..');

            self.attr('disabled','disabled');

        },
        success: function(data){
            
                window.location.replace("{{route('admin.fundrazier-ads.index')}}");
            
        },
        error: function(jqXhr, json, errorThrown){
            
            self.text('Save');

            self.removeAttr('disabled');
            
            var errors = jqXhr.responseJSON;

            $.each(errors['errors'], function (index, value) {

               if(index == 'province_id' || index == 'promote_ad_type'){
                    $('#fundrazierForm select[name='+index+']').after('<span class="uk-form-label uk-text-danger">'+value+'</span>');
                }
               
                else{
                    $('#fundrazierForm input[name='+index+']').after('<span class="uk-form-label uk-text-danger">'+value+'</span>');
                }
            });

            $("html, body").animate({
                scrollTop: 0
            }, 9000);
        }
    });
});


$(function () {

    $("#fundrazierdatetimepickerfrom").datepicker({
        dateFormat: "yy-mm-dd",
        minDate: 0,
        onSelect: function () {
            var dt2 = $('#fundrazierdatetimepickerto');
            var minDate = $(this).datepicker('getDate');
            dt2.datepicker('option', 'minDate', minDate);
            dt2.datepicker('option', 'dateFormat', 'yy-mm-dd');
        }
    });

    $('#fundrazierdatetimepickerto').datepicker({
        dateFormat: "yy-mm-dd",
        minDate: 0,
    });


    $("#datetimepickerfrom").datepicker({
        dateFormat: "yy-mm-dd",
        minDate: 0,
        onSelect: function () {
            var dt2     = $('#datetimepickerto');
            var minDate = $(this).datepicker('getDate');
            dt2.datepicker('option', 'minDate', minDate);
            dt2.datepicker('option', 'dateFormat', 'yy-mm-dd');
        }
    });

    $('#datetimepickerto').datepicker({
        dateFormat: "yy-mm-dd",
        minDate: 0,
          onSelect: function () {
            var start_date          = $('#datetimepickerfrom').datepicker('getDate');
            var end_date            = $('#datetimepickerto').datepicker('getDate');
            var dateDiff            = (end_date - start_date)/(86400 * 1000);
            var totalDateDiff       = dateDiff + 1;
            if(totalDateDiff > 1)
            {
                $(".select-fundrazier-duration").html(totalDateDiff+' Days');
            }
            else
            {
                $(".select-fundrazier-duration").html(totalDateDiff+' Day');   
            }
        }
    });

});

</script>

@stop