@extends("template.layouts.simple.master")
@section('content')
    <div class="page-body">
        @include("master.notification")
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <!-- Form inside the modal -->
                            <form action="{{route("update-news")}}" method="post" enctype="multipart/form-data"
                                  autocomplete="on">
                                @csrf
                                <div class="row">
                                    <input type="text" name="id" value="{{$details->id}}" class="d-none">
                                    <div class="col-sm-6">
                                        <label for="">News Title</label>
                                        <input type="text" name="title" class="form-control"
                                               value="{{isset($details->title) ? $details->title : old("title")}}">
                                        @error("title")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-6 d-none">
                                        <label for=""> / Image Link</label>
                                        <input type="text" name="video_image_link" class="form-control"
                                               value="{{isset($details->video_image_link) ? $details->video_image_link : old("video_image_link")}}">
                                        @error("video_image_link")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-6">
                                        <label for="">Description</label>
                                        <input type="text" name="description" class="form-control"
                                               value="{{isset($details->description) ? $details->description : old("description")}}">
                                        @error("description")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror

                                    </div>
                                    <div class="col-sm-6">
                                        <label for="">Upload Image</label>
                                        <input type="file" name="upload_video_image[]" class="form-control" multiple>
                                        @error("upload_video_image")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>

                                    <div class="col-sm-6">
                                        <label for="">Scheduling Date-Time</label>
                                        <input type="date" name="scheduling_date_time" class="form-control"
                                               value="{{isset($details->scheduling_date_time) ? $details->scheduling_date_time : old("scheduling_date_time")}}">
                                        @error("scheduling_date_time")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-12 mt-3">
                                        <div class="form-check-size">
                                            <div class="form-check form-switch form-check-inline">
                                                <label class="m-l-10">Activate or Not ? </label>
                                                <input class="form-check-input switch-primary check-size" name="status"
                                                       type="checkbox" role="switch"
                                                       @if($details->status == 1) checked @endif>
                                                @error('status')
                                                <div class="text-danger fw-bold">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12">
                                        <div class=" my-gallery card-body row" itemscope="" data-pswp-uid="1">
                                            @foreach(unserialize($details->video_image) as $i)
                                                <div class="col-sm-3 " itemprop="associatedMedia"
                                                     itemscope="">
                                                    <div class="d-flex justify-content-start">
                                                        <a
                                                            href="{{route("show-pdf" , ["key"=>4 ,"pdf_name"=>$i])}}"
                                                            target="_blank">
                                                            <i class="fa fa-eye fs-4 text-black"></i>
                                                        </a>
                                                        <i class="fa-close fa text-danger delete_image_btn fs-4"
                                                           data-id="{{$details->id}}" data-index="{{$loop->index}}"></i>
                                                    </div>
                                                    <a href="{{url('assets/images/news/'.$i)}}" itemprop="contentUrl"
                                                       data-size="1600x950">
                                                        <embed class="img-thumbnail w-50 h-100"
                                                               src="{{url('assets/images/news/'.$i)}}"
                                                               itemprop="thumbnail" alt="Image description">
                                                    </a>

                                                </div>
                                            @endforeach

                                        </div>
                                    </div>


                                    <div class="col-sm-12 mt-2">
                                        <button class="btn-primary btn">Submit</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>
@endsection
{{--@include("")--}}
@section("scripts")
    @include("master.notification_show_hide")
    <script>
        $(document).ready(function () {

            $(".delete_image_btn").click(function (e) {
                e.preventDefault();
                const id = $(this).data("id");
                const index = $(this).data("index");

                Swal.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, delete it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: "{{route("delete-images-from-news")}}",
                            type: "POST",
                            data: {
                                "_token": "{{ csrf_token() }}", // Add the CSRF token to the data
                                "id": id,
                                'index': index
                            },
                            success: function (data) {
                                console.log(data);
                                if (data.response == 1) {
                                    Swal.fire(
                                        'Deleted!',
                                        'Your file has been deleted.',
                                        'success'
                                    )
                                    location.reload();
                                } else {
                                    Swal.fire({
                                        icon: 'error',
                                        title: 'Oops...',
                                        text: 'Something went wrong!',
                                    })
                                }
                            }
                        })

                    }
                })

            })
        })
    </script>

@endsection