@extends('layouts.admin')

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

@endsection

@section('content')

<!-- <div class="row md-12"> -->
    <div class="container">

        @if (Session::get('error'))
        <div class="alert alert-danger">
            <strong>Whoops!</strong> You can upload only 4 carousel images<br><br>
        </div>
        @endif
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card bg-light mb-3">
                    <div class="card-header">Carousel Image Management</div>
                    <div class="card-body">
                        @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                        @endif
                        <ul id="drop-target" class="list-group list-img">
                            @foreach ($imageName as $indexKey => $name)
                            <li data-id=" {{$name[1]}}" class="list-group-item">
                                <div class="list-img-view" style="background-image: url('/upload/carousel/{{$name[0][0].'.'.$name[0][1]}}');">
                                   {{--  <img src="" name="" class="" width="100%"> --}}
                                </div>

                                @if(Auth::user()->user_type == 1 )
                                <button type="button"
                                onclick="deletFuntion('{{$name[1]}}')" class="btn btn-danger">Delete</button>
                                @endif
                            </li>
                            @endforeach
                        </ul>
                        @if(Auth::user()->user_type == 1 )
                        @if ($message = Session::get('success'))
                        <div class="alert alert-success alert-block">
                            <button type="button" class="close" data-dismiss="alert">×</button>
                            <strong>{{ $message }}</strong>
                        </div>
                        @endif
                        <form action="/uploadfile" method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label for="description">Image Upload</label>
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="custom-file">
                                          <input type="file" class="custom-file-input fileup" name="file" id="file" >
                                          <label class="custom-file-label" for="customFile">Choose file</label>

                                           @if ($errors->has('file'))
                                                <span class="invalid-feedback" style="display: block;">
                                                    <strong>{{ $errors->first('file') }}</strong>
                                                </span>
                                            @endif

                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <button type="submit" class="btn btn-primary">Submit Image</button>
                                    </div>
                                </div>

                            </div>
                        </form>
                        @endif
                    </div>
                </div>

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

{{--
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                @if(Auth::user()->user_type == 1 )
                    <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..">
                                            </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>
                                            </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>
                                            </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>
                    @endif

                </div>
            </div>
        </div>
--}}

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">Sponsor/Supporter Logo</div>
                </div>
                <div class="card-body">


                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label">Logo Image</label>
                        @foreach ($createLogoSponsor as $indexKey => $sponsor)
                        <div class="col-sm-2">
                            <a href="{{$sponsor->link}}">
                                <img src="{{$sponsor->path}}{{$sponsor->logo_image}}" name="" class="btn btn-default btn-move" width="100">
                            </a>
                            @if(Auth::user()->user_type == 1 )                                <button type="button" onclick="logoSponsorDelete('{{$sponsor->id}}')" class="btn btn-danger">Delete</button>
                            @endif
                        </div>
                        @endforeach

                    </div>

                    @if(Auth::user()->user_type == 1 )

                    <div class="row">
                        <div class="col-md-12">
                            <div class="row justify-content-center">
                                <div class="card-body">
                                    @if ($msg = Session::get('logoSuccess'))
                                    <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="/logoSponsorCreate" enctype="multipart/form-data">
                                        @csrf
                                        <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">Logo Sponsor Link*</label>
                                            <div class="col-sm-9">
                                                <input name="link" type="text" class="form-control"  placeholder="Enter link..">

                                                 @if ($errors->has('link'))
                                                    <span class="invalid-feedback" style="display: block;">
                                                        <strong>{{ $errors->first('link') }}</strong>
                                                    </span>
                                                @endif

                                            </div>
                                        </div>


                                        <div class="form-group row">
                                            <label for="file" class="col-sm-3 col-form-label">Logo Sponsor Logo*
                                            </label>
                                            <div class="col-sm-9">
                                                <input name="logo_file" type="file" id="logo_file">
                                                <span style="margin-left: 15px; width: 480px;" class="custom-file-control"></span>

                                                @if ($errors->has('logo_file'))
                                                <span class="invalid-feedback" style="display: block;">
                                                    <strong>{{ $errors->first('logo_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 Logo</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif

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

    @endsection

    @section('scripts')


    <script>

    CKEDITOR.replace( 'summary-ckeditor' );

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


        var drake = dragula([document.getElementById('drop-target')], {

        });
        drake.on('drop', function(el, target, source, sibling) {
            var sortedIds = [];
            $(target).children().each(function(i, item) {
                sortedIds.push($(item).data('id'));
            })
            $.ajax({
                type: "POST",
                url: 'sortedPost',
                data: {range: sortedIds},
                success: function( msg ) {
                // $("#ajaxResponse").append("<div>"+msg+"</div>");
                }
            })
        });
        
        function logoSponsorDelete(id) {
            swal({
                title: "Delete Sponsor?",
                text: "Once deleted, you will not be able to recover this sponsor!",
                icon: "warning",
                buttons: true,
                dangerMode: true,
            })
            .then((willDelete) => {
                if (willDelete) {
                    $.ajax({
                        type: "GET",
                        url: '/logoSponsorDelete',
                        data: {id: id},
                        success: function( msg ) {
                            swal("Poof! Sponsor has been deleted!", {
                                icon: "success",
                            });
                        }
                    });
                    setTimeout(function(){
                        window.location.reload(1);
                    }, 3000);
                } else {
                    swal("Sponsor not deleted!");
                }
            });
        }


        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