@extends('../../master_layout/admin_master')


@section('title')
<title>{{config('constants.APP_NAME')}} {{ ($edit)?'Edit':'Add' }} Brand Videos</title>
@endsection

@section('content')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">{{ ($edit)?'Edit':'Add' }} Brand Videos</h1>
                </div><!-- /.col -->

                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.cms.list')}}" target="">CMS</a></li>
                        <li class="breadcrumb-item active"> {{ ($edit)?'Edit':'Add' }} Brand Videos</li>
                    </ol>
                </div>

                <!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content-header -->

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <!-- <div class="col-md-12">
                    <div class="card card-primary">
                        <div class="card-body">
                            <div class="row m-1">
                                <div class="col-md-3">
                                    <label for="">Page Name</label>
                                    <p>About Us</p>
                                </div>
                            </div>

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



                <!-- left column -->
                <div class="col-md-12">
                    @if(session('message'))
                    <div class="alert alert-{{session('message.type')}} alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        @if(session('message.type')=='danger')
                        <p class="mb-0"><strong>Sorry!</strong> {!! session('message.text') !!}</p>
                        @else
                        <p class="mb-0"><strong>Success!</strong> {!! session('message.text') !!}</p>
                        @endif
                    </div>
                    @endif
                    <!--  -->
                    <div class="card card-primary">
                        <!-- form start -->
                        <form id="addBrandVedio" method="post" action="{{ route('admin.cms.brand.video.save')}}" enctype="multipart/form-data">
                            @csrf
                            <div class="card-body">
                                <div class="row">
                                    <table class="table table-responsive table-bordered">
                                        <thead>
                                            <tr>
                                                <th style="width:30%">Title</th>
                                                <th style="width:30%">Thumbnail</th>
                                                <th style="width:50%">Video Url</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td style="border-bottom:double;">
                                                    <input type="text" name="title" class="form-control" id="title" placeholder="Title" value="">
                                                    @if ($errors->has('title'))
                                                    <span class="text-danger">{{ $errors->first('title') }}</span>
                                                    @endif
                                                </td>
                                                <td style="border-bottom:double;">
                                                    <input type="file" name="cover_image" value="" class="form-control" id="">
                                                    @if ($errors->has('cover_image'))
                                                    <span class="text-danger">{{ $errors->first('cover_image') }}</span>
                                                    @endif
                                                </td>
                                                <td style="border-bottom:double;">
                                                    <input type="text" name="video_url" value="{{(old('video_url'))}}" placeholder="http://example.com" class="form-control" id="video_url">
                                                    @if ($errors->has('video_url'))
                                                    <span class="text-danger">{{ $errors->first('video_url') }}</span>
                                                    @endif
                                                </td>
                                                <td style="border-bottom:double;">
                                                    <button type="submit" id="btn_add_schedule" class="btn btn-primary">Add</button>
                                                </td>
                                            </tr>

                                            @if(isset($videos) && !empty($videos))
                                            @foreach($videos as $video)
                                            <tr>
                                                <td>
                                                    <input type="text" class="form-control" name="edit_title_{{$video->brand_video_id}}" id="edit_title_{{$video->brand_video_id}}" value="{{$video->title}}">
                                                </td>
                                                <td>
                                                                                                    </td>
                                                <td>
                                                    <input type="text" name="edit_video_url_{{$video->brand_video_id}}" value="{{$video->video_url}}" class="form-control" id="edit_video_url_{{$video->brand_video_id}}">
                                                </td>

                                                <td>
                                                    <button type="button" id="btn_update_{{$video->brand_video_id}}" onclick="update('{{$video->brand_video_id}}')" class="btn btn-warning">Update</button>
                                                    <button type="button" id="btn_status_{{$video->brand_video_id}}" onclick="change_status('{{route("admin.cms.brand.video.change.status",['brand_video'=>$video->brand_video_id,'status'=>$video->is_blocked])}}')" class="btn {{($video->is_blocked)?'btn-danger':'btn-success'}} mt-2">{{($video->is_blocked)?'Blocked':'Active'}}</button>

                                                </td>
                                            </tr>
                                            @endforeach
                                            @endif

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!-- /.card-body -->
                            <div class="card-footer">

                                <a href="{{route('admin.cms.list')}}" class="btn btn-dark float-right">Back</a>
                            </div>
                        </form>
                    </div>
                    <!-- /.card -->
                </div>
                <!--/.col (left) -->

            </div>
            <!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
</div>


<!-- Modal -->
<div class="modal fade" id="uploadVideoImage" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="staticBackdropLabel">Upload Thumbnail</h5>
            </div>
            <form id="updateVideoImage" method="post" action="{{ route('admin.cms.brand.video.image.update')}}" enctype="multipart/form-data">
                @csrf
                <div class="modal-body">
                    <input type="hidden" name="model_brand_video_id" id="model_brand_video_id" value="{{old('model_brand_video_id')}}">
                    <input type="hidden" name="model_uploaded_image_name" id="model_uploaded_image_name" value="{{old('model_uploaded_image_name')}}">
                    <div class="form-group">
                        <label class="control-label">Upload Thumbnail</label>
                        <div>
                            <input type="file" class="form-control" name="edit_image_name" id="edit_image_name" value="">
                            @if ($errors->has('edit_image_name'))
                            <span class="text-danger">{{ $errors->first('edit_image_name') }}</span>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" id="btn_submit" class="btn btn-primary">Submit</button>

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



@endsection

@section('custom_js')

@if ($errors->has('edit_image_name'))
<script>
    $('#uploadVideoImage').modal('show');
</script>
@endif


<script>
    $("#btn_submit").on("click", function(e) {
        $('#updateVideoImage').submit();
    });

    $(function() {


        $('#addAdmin').validate({
            rules: {
                first_name: {
                    required: true,
                },

                last_name: {
                    required: true,
                },


                email: {
                    required: true,
                    email: true,
                    remote: {
                        url: "{{ route('admin.user.check.email')}}",
                        type: "get",
                        data: {
                            'admin_id': "{{ (isset($admin->admin_id) && $admin->admin_id!='')?$admin->admin_id:0 }}",
                            email: function() {
                                return $("#email").val();
                            }
                        },
                        dataType: 'json'
                    }
                },

                contact_number: {
                    number: true,
                    maxlength: 10,
                    minlength: 10,
                    remote: {
                        url: "{{ route('admin.user.check.contact.number')}}",
                        type: "get",
                        data: {
                            'admin_id': "{{ (isset($admin->admin_id) && $admin->admin_id!='')?$admin->admin_id:0 }}",
                            contact_number: function() {
                                return $("#contact_number").val();
                            }
                        },
                        dataType: 'json'
                    }
                },
                admin_type: {
                    required: true,
                }
            },
            messages: {
                first_name: {
                    required: "Please enter first name",
                },
                last_name: {
                    required: "Please enter last name",
                },
                email: {
                    required: "Please enter email",
                    remote: "This email is already registered. Please try with another one"
                },

                contact_number: {
                    //required: "Please enter a event name",
                    remote: "This contact number is already registered. Please try with another one"
                },

                admin_type: {
                    required: "Please select admin type",
                }


            },
            errorElement: 'span',
            errorPlacement: function(error, element) {
                error.addClass('invalid-feedback');
                element.closest('.form-group').append(error);
            },
            highlight: function(element, errorClass, validClass) {
                $(element).addClass('is-invalid');
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).removeClass('is-invalid');
            }
        });
    });


    function update(video) {
        if (video > 0) {
            var title = $('#edit_title_' + video).val();
            var video_url = $('#edit_video_url_' + video).val();
        }
        var form_data = {
            title: title,
            video_url: video_url,
            brand_video: video,
        };

        var conf = confirm("Are you sure?");
        if (conf == false)
            return false;
        $.ajax({
            url: '{{route("admin.cms.brand.video.update")}}',
            type: "POST",
            data: form_data,
            dataType: 'JSON',
            headers: {
                "X-CSRF-TOKEN": "{{ csrf_token() }}"
            },
            success: function(response) {
                if (response.result == true) {
                    location.reload();
                } else {
                    alert(response.message);
                    location.reload();
                }
            },
            error: function(error) {
                alert("Something went wrong. Please try again later.");
                location.reload();
            }
        });
    }

    function change_status(url) {
        var conf = confirm("Are you sure?");
        if (conf == false)
            return false;

        $.ajax({
            url: url,
            type: "POST",
            dataType: 'JSON',
            headers: {
                "X-CSRF-TOKEN": "{{ csrf_token() }}"
            },
            success: function(response) {
                if (response.result == true) {
                    alert(response.message);
                    location.reload();
                } else {
                    alert(response.message);
                    location.reload();
                }
            },
            // error: function(error) {
            //     alert("Something went wrong. Please try again later.");
            // }
        });
    }

    function update_image(brand_video) {
        var form_data = {
            brand_video: brand_video
        }
        $.ajax({
            url: '{{route("admin.cms.get.brand.video.image")}}',
            type: "get",
            data: form_data,
            success: function(response) {
                if (response.result == true) {
                    $('#uploadVideoImage').modal('show');
                    $("#model_uploaded_image_name").val(response.data.image.cover_image);
                    $("#model_brand_video_id").val(response.data.image.brand_video_id);
                } else {
                    alert(response.message);
                    location.reload();
                }
            },
            error: function(error) {
                alert("Something went wrong. Please try again later.");
                location.reload();
            }
        });
    }
</script>
@endsection