@extends('layouts.admin')

@section('page-header', 'Update News')

@section('styles')
    <link rel="stylesheet" type="text/css" href="{{asset('css/dragula.min.css')}}">
@endsection

@section('content')
    <form method="post" enctype="multipart/form-data">
        <div class="row">
            <div class="col-lg-9 col-md-8">
                @csrf
                <div class="white-component">
                    <div class="form-group">
                        <label for="title">Title</label>
                        <input name="title" type="text" class="form-control{{ $errors->has('title') ? ' is-invalid' : '' }}"
                            id="title" placeholder="Enter title..." value="{{ old('title', $newsItem->title) }}">

                        @if ($errors->has('title'))
                            <span class="invalid-feedback">
                                {{ $errors->first('title') }}
                            </span>
                        @endif
                    </div>

                    <div class="form-group">
                        <label for="link">Link</label>
                        <input name="link" type="text" class="form-control{{ $errors->has('link') ? ' is-invalid' : '' }}"
                            id="link" value="{{ old('link', $newsItem->link) }}">

                        @if ($errors->has('link'))
                            <span class="invalid-feedback">
                                {{ $errors->first('link') }}
                            </span>
                        @endif
                    </div>

                   {{--<!--  <div class="form-group">
                        <label for="description">Description</label>
                        <textarea name="description" rows="10" cols="150" class="form-control{{ $errors->has('description') ? ' is-invalid' : '' }}" id="description"
                                placeholder="Description">{{ old('description', $newsItem->description) }}</textarea>

                        @if ($errors->has('description'))
                            <div class="invalid-feedback">
                                {{ $errors->first('description') }}
                            </div>
                        @endif
                    </div> -->--}}
                </div>
            </div>
            <div class="col">
                <div class="form-group sidebar">
                    <label for="customFile">Featured Image</label>
                    <div class="image-upload">
                    @if ($newsItem->featured_image_url)
                        <img id="img_prev" src="{{ asset($newsItem->featured_image_url) }}" alt="" >
                    @endif
                        <input type="file" class="custom-file-input fileup" name="image" id="file">


                        @if ($errors->has('image'))
                        <div class="invalid-feedback" style="display: block">
                            {{ $errors->first('image') }}
                        </div>
                        @endif
                    </div>
                </div>
                    <p style="width: 100%;text-align: center;color: #6D4949; font-size: 11px;">maximum image size:2MB</p>

                <div class="side-button-panel two">
                    <button type="submit" class="btn btn-primary">Save</button>
        <a href="{{ route('admin.news.index') }}" class="btn btn-light">Cancel</a>
                </div>
            </div>

        </div>

    </form>

@endsection

@section('scripts')


<script>


$.ajaxSetup({
    headers: { 'X-CSRF-TOKEN': document.head.querySelector('meta[name="csrf-token"]').content }
});



    function deletFuntion(id) {
         swal({
              title: "Delete Carousel Image?",
              text: "Once deleted, you will not be able to recover this image file!",
              icon: "warning",
              buttons: true,
              dangerMode: true,
        })
        .then((willDelete) => {
              if (willDelete) {
                    $.ajax({
                        type: "POST",
                        url: '/deletfile',
                        data: {id: id},
                        success: function( msg ) {
                            swal("Poof! Carousel image file has been deleted!", {
                                icon: "success",
                            });
                        }
                    });
                    setTimeout(function(){
                       window.location.reload(1);
                    }, 3000);
                } else {
                swal("Image not deleted!");
              }
        });
    }


</script>
@endsection