@extends('layouts.master')

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

@endsection

@section('newsManagement')



    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">News Management</div>
                </div>
                <div class="card-body">

              
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row justify-content-center">
                                    <div class="card-body"> 
                                            @if ($msg = Session::get('ok'))
                                                <div class="alert alert-success alert-block">
                                                    <button type="button" class="close" data-dismiss="alert">×</button>

                                                    <strong>{{ $msg }}</strong>
                                                </div>
                                            @endif
                                           
                                        <form method="post" action="/newsUplord" enctype="multipart/form-data">
                                        @csrf
                                            <div class="form-group row">
                                                <label for="titleid" class="col-sm-3 col-form-label">News Title*</label>
                                                <div class="col-sm-9">
                                                    <input name="title" type="text" class="form-control" id="titleid" placeholder="Enter title..">
                                                
                                                    @if ($errors->has('title'))
                                                        <span class="invalid-feedback" style="display: block;">
                                                            <strong>{{ $errors->first('title') }}</strong>
                                                        </span>
                                                    @endif
                                                </div>
                                            </div>
                                            
                                            <div class="form-group row">
                                                <label for="description" class="col-sm-3 col-form-label">News Description*</label>
                                                <div class="col-sm-9">
                                                    <textarea name="description" rows="5" cols="150" class="form-control" id="description"
                                                           placeholder="Description"></textarea>
                                                           
                                                    @if ($errors->has('description'))
                                                        <span class="invalid-feedback" style="display: block;">
                                                            <strong>{{ $errors->first('description') }}</strong>
                                                        </span>
                                                    @endif

                                                </div>

                                            </div>
                                            <div class="form-group row">
                                                <label for="file" class="col-sm-3 col-form-label">News Image*
                                                </label>
                                                <div class="col-sm-9">
                                                    <input name="news_file" type="file" id="news_file">
                                                    <span style="margin-left: 15px; width: 480px;" class="custom-file-control"></span>
                                                    
                                                    @if ($errors->has('news_file'))
                                                        <span class="invalid-feedback" style="display: block;">
                                                            <strong>{{ $errors->first('news_file') }}</strong>
                                                        </span>
                                                    @endif

                                                </div>
                                            </div>

                                            <div class="form-group row">
                                                <div class="offset-sm-3 col-sm-9">
                                                    <button type="submit" class="btn btn-primary">Submit News</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                            </div>
                        </div>
                    </div>

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


    @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