@extends('layouts.app')

@section('content')
<div class="col-md-12">
    <div class="row">
        <div class="top-bred-wrap">
            <ul class="breadcrumb pull-left">
                <li><a href="#">Home</a></li>
                <li>Leads</li>
            </ul>
            <button class="btn pull-right help_btn">?</button>
        </div>
        <div class="cont-inner-wrap">
            <div class="page-tittleBox">
                <div class="caption pull-left">
                    <h2 class="pageHead">Schedule Time</h2>
                    <span class="subtitle"></span>
                </div>
                <div class="action-button success_actions pull-right" style="">
                    <li class="button-dropdown">
                        <a href="" class="plusBtn_icon action_add" data-toggle="modal"
                            data-target="#new_filesAdd_create_masterplaylist"> Action Add</a>
                        <a href="javascript:void(0)" class="pro-wrapBox dropdown-toggle">
                            <button class="actionBtn">Action</button>
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="#">New Lead</a>
                            </li>
                        </ul>
                    </li>
                </div>
            </div>
            <div class="cont-dtsBox">
                <div class="table-wrap">
                   
                    <!--Table-->
                    <table class="table table-striped account_tblWrap">
                        <!--Table head-->
                        <thead>
                            <tr>
                                <th>Time</th>

                                <!--<th>Status</th>-->

                                <th><a href="#"><img src="{{ asset('admin/images/dots_menu_grey.png') }}" alt="" /></a></th>
                            </tr>
                        </thead>

                        
                        <!--Table head-->

                        <!--Table body-->
                        <tbody>
                            
                                @include('admin.sheduletimes.ajax_table')

                        </tbody>
                        <!--Table body-->
                    </table>
                    <!--Table-->
                </div>

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

</div>
@include('admin.sheduletimes.modals.create')
<div id="edit_modal" class="hidden creat_sideBar new_modalRight modal right fade" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel2"></div>
@endsection()
@section('admin_css')
<style>

</style>
@stop
@section('admin_js')
<script>
    
   
    
        //To store the account_users
    //    $(document).ready(function (e) {
        $(document).on("click", ".dropdown-toggle", function () {
            $(this).addClass("active");
            $(this).parent().find("ul").css("display", "block");
           
        });
    
        $(document).on("submit", "#schedule_time_create_form", function (e) {
            e.preventDefault();
            $("p.schedule_times").text("");
            $("p.account_id").text("");
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            var formData = new FormData(this);
            $.ajax({
                type: 'POST',
                url: "{{route('schedule_times.store')}}",
                data: formData,
                cache: false,
                contentType: false,
                processData: false,
                success: function (data) {
                    if (data.status == 30000) {
                        $.each(data.errors, function (key, value) {
                            alert(key,value);
                            $("p." + key).removeClass("hidden").text(value);
                        });
                    } else if (data.status == 10000) {
                        $("table.account_tblWrap tbody").html(data.html);
                        $('#new_filesAdd_create_masterplaylist').modal('hide');
                        $('.modal-backdrop').remove();
                         success_msg(data.message);
                    } else {
                        console.log(data.message);
                    }
                },
                error: function (data) {
                    console.log(data);
                }
            });
        });
        //Acount Status Change
        $(document).on("click", ".change_status", function () {
            $this = $(this);
            var id = $this.attr('id');
            $.ajax({
                url: " {{route('playlistmaster-status')}}",
                method: 'post',
                data: {id: id, "_token": "{{ csrf_token() }}"},
                success: function (response) {
                    if (response.status == 1000) {
                        if (response.data == 1) {
                            $this.removeClass("btn-danger").addClass("btn-success").text("Active");
                        }
                        if (response.data == 0) {
                            $this.removeClass("btn-success").addClass("btn-danger").text("Inactive");
                        }
    
                        if (response.data == "invalid") {
                            alert("invalid");
                        }
                    }
    
                }});
        });
        //Edit Acount with show modal
        $(document).on("click", ".edit_shedule_time", function () {
            $this = $(this);
            $.ajax({
                url: $this.attr("url-data"),
                method: 'get',
                success: function (response) {
                    $("#edit_modal").removeClass("hidden").html(response.html).modal('show');
                }});
        });
    
    //Acount Update
        $(document).on("submit", "form#playlistmaster_update_form", function (e) {
            e.preventDefault();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
    
            var formDataGet = new FormData(this);
            $.ajax({
                type: "POST",
                url: "{{ route('playlistmaster-update') }}",
                data: formDataGet,
                cache: false,
                contentType: false,
                processData: false,
                success: function (data) {
                    if (data.status == 30000) {
                        $.each(data.errors, function (key, value) {
                            $("." + key).removeClass("hidden").text(value);
                        });
                    } else if (data.status == 10000) {
                        $("table.account_tblWrap tbody").html(data.html);
                        $('#edit_modal').modal('hide');
                        $('.modal-backdrop').remove();
                         success_msg(data.message);
                    } else {
                        console.log(data.message);
                    }
                },
                error: function (data) {
                }
            });
        });
    //    });
    
    </script>
   

@stop