@extends('layouts.app')

@section('content')
<div class="page-wrapper">
    <div class="row page-titles">

        <div class="col-md-5 align-self-center">
            <h3 class="text-themecolor">{{ trans('lang.stylists') }}</h3>
        </div>
        <div class="col-md-7 align-self-center">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ url('/dashboard') }}">{{ trans('lang.dashboard') }}</a></li>
                <li class="breadcrumb-item"><a href="{!! route('stylists') !!}">{{ trans('lang.stylists') }}</a></li>
                <li class="breadcrumb-item active">{{ trans('lang.stylist_edit') }}</li>
            </ol>
        </div>
    </div>

    <div class="container-fluid">
        <div class="cat-edite-page max-width-box">
            <form action="{{ route('stylists.update', $stylist->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <div class="card pb-4">
                    <div class="card-header">
                        <ul class="nav nav-tabs align-items-end card-header-tabs w-100">
                            <li role="presentation" class="nav-item">
                                <a href="#category_information" aria-controls="description" role="tab"
                                    data-toggle="tab"
                                    class="nav-link active">{{ trans('lang.stylists_information') }}</a>
                            </li>
                        </ul>
                    </div>

                    <div class="card-body">
                        <div id="data-table_processing" class="dataTables_processing panel panel-default"
                            style="display: none;">
                            {{ trans('lang.processing') }}
                        </div>
                        <div class="error_top" style="display:none"></div>
                        @include('alerts.error_messages')

                        <div class="row restaurant_payout_create" role="tabpanel">
                            <div class="restaurant_payout_create-inner tab-content">
                                <div role="tabpanel" class="tab-pane active" id="stylists_information">
                                    <fieldset>
                                        <legend>{{ trans('lang.stylists_edit') }}</legend>

                                        {{-- Name --}}
                                        <div class="form-group row width-100">
                                            <label class="col-3 control-label">{{ trans('lang.stylists_name') }}</label>
                                            <div class="col-7">
                                                <input type="text" class="form-control cat-name" name="name"
                                                    value="{{ old('name', $stylist->name) }}">
                                                <div class="form-text text-muted">
                                                    {{ trans('lang.stylists_name_help') }}
                                                </div>
                                            </div>
                                        </div>

                                        {{-- Email --}}
                                        <div class="form-group row width-100">
                                            <label
                                                class="col-3 control-label">{{ trans('lang.stylists_email') }}</label>
                                            <div class="col-7">
                                                <input type="email" class="form-control cat-name" name="email"
                                                    value="{{ old('email', $stylist->email) }}">
                                                <div class="form-text text-muted">
                                                    {{ trans('lang.stylists_email_help') }}
                                                </div>
                                            </div>
                                        </div>

                                        {{-- Position --}}
                                        <div class="form-group row width-100">
                                            <label
                                                class="col-3 control-label">{{ trans('lang.stylists_position') }}</label>
                                            <div class="col-7">
                                                <input type="text" class="form-control cat-name" name="position"
                                                    value="{{ old('position', $stylist->position) }}">
                                                <div class="form-text text-muted">
                                                    {{ trans('lang.stylists_position_help') }}
                                                </div>
                                            </div>
                                        </div>
                                        {{-- Store --}}
                                        <div class="form-group row width-100">
                                            <label class="col-3 control-label ">{{ trans('lang.store') }}</label>
                                            <div class="col-7">
                                                <select class="parent_category form-control" id="store" name="store_id">
                                                    <option value="">{{ trans('lang.select_store') }}</option>
                                                    @foreach ($bookit_stores as $bookit_store)
                                                    <option value="{{ $bookit_store->id }}"
                                                        {{ old('store_id', $stylist->store_id ?? '') == $bookit_store->id ? 'selected' : '' }}>
                                                        {{ $bookit_store->name }}
                                                    </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        @php
                                        $days = ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'];
                                        @endphp

                                        {{-- Copy Monday to all --}}
                                        <div class="form-check width-100 mb-3">
                                            <input name="copy_monday_to_all_days" type="checkbox"
                                                onchange="copyMondayToAll()" id="copy_monday_to_all">
                                            <label class="col-3 control-label"
                                                for="copy_monday_to_all">{{ trans('lang.copy_sunday_to_all_days') }}</label>
                                        </div>

                                        @foreach($days as $day)
                                        <div class="form-group row mb-0">
                                            <label class="col-1 control-label">{{ trans('lang.'. strtolower($day)) }}</label>
                                            <div class="col-12">
                                                <button type="button" class="btn btn-primary"
                                                    onclick="addMorehour('{{ $day }}','{{ $day }}', '{{ count($workingHours[$day] ?? []) }}')">
                                                    {{ trans('lang.add_more') }}
                                                </button>
                                            </div>
                                        </div>

                                        <div class="restaurant_working_hour_{{ $day }}_div restaurant_discount mb-5 form-group row mt-2"
                                            @if(!empty($workingHours[$day])) style="display:block" @else style="display:none" @endif>

                                            <div class="col-12">
                                                <table class="booking-table" id="working_hour_table_{{ $day }}">
                                                    <tr>
                                                        <th>{{ trans('lang.from') }}</th>
                                                        <th>{{ trans('lang.to') }}</th>
                                                        <th>{{ trans('lang.actions') }}</th>
                                                    </tr>

                                                    @if(!empty($workingHours[$day]))
                                                    @foreach($workingHours[$day] as $index => $slot)
                                                    <tr id="row_{{ $day }}{{ $index }}">
                                                        <td>
                                                            <input type="time"
                                                                name="working_hours[{{ $day }}][{{ $index }}][from]"
                                                                value="{{ $slot['from'] }}"
                                                                class="form-control">
                                                        </td>
                                                        <td>
                                                            <input type="time"
                                                                name="working_hours[{{ $day }}][{{ $index }}][to]"
                                                                value="{{ $slot['to'] }}"
                                                                class="form-control">
                                                        </td>
                                                        <td>
                                                            <button type="button" class="btn btn-danger btn-sm"
                                                                onclick="removeWorkingHourRow('{{ $day }}','row_{{ $day }}{{ $index }}')">
                                                                <i class="fa fa-trash"></i>
                                                            </button>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                    @endif
                                                </table>
                                            </div>
                                        </div>
                                        @endforeach

                                        {{-- Active --}}
                                        <div class="form-group row width-100">
                                            <div class="form-check row width-100">
                                                <input type="checkbox" class="is_active" id="is_active" name="is_active"
                                                    value="1"
                                                    {{ old('is_active', $stylist->is_active) ? 'checked' : '' }}>
                                                <label class="col-3 control-label"
                                                    for="is_active">{{ trans('lang.is_active') }}</label>
                                            </div>
                                        </div>

                                        {{-- Image --}}
                                        <div class="form-group row width-100">
                                            <label class="col-3 control-label">{{ trans('lang.category_image') }}</label>
                                            <div class="col-7">
                                                <input type="file" id="category_image" name="image"
                                                    onChange="handleFileSelect(event,'stylist_image')">
                                                <div id="uploding_image"></div>
                                                <div class="form-text text-muted w-50">
                                                    {{ trans('lang.category_image_help') }}
                                                </div>
                                            </div>
                                        </div>

                                        {{-- Existing Category Image --}}
                                        @if ($stylist->getMedia('stylist_image')->count())
                                        <table class="table mt-3">
                                            <thead>
                                                <tr>
                                                    <th>{{ trans('lang.image') }}</th>
                                                    <th>{{ trans('lang.actions') }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($stylist->getMedia('stylist_image') as $media)
                                                <tr id="media-row-{{ $media->id }}">
                                                    <td>
                                                        <img src="{{ $media->getUrl() }}" class="img-thumbnail" style="width: 150px;">
                                                    </td>
                                                    <td>
                                                        <button type="button" class="btn btn-danger btn-sm"
                                                            onclick="deleteMedia('{{ route('stylists.media.destroy', [$stylist->id, $media->id]) }}', {{ $media->id }})">
                                                            ✕ {{ trans('lang.delete') }}
                                                        </button>
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                        @endif

                                        {{-- Portfolio Upload --}}
                                        <div class="form-group row width-100">
                                            <label class="col-3 control-label">{{ trans('lang.portfolio_image') }}</label>
                                            <div class="col-7">
                                                <input type="file" id="portfolio_image" name="portfolio_image[]" multiple>
                                                <div id="portfolio_image_preview"></div>
                                                <div class="form-text text-muted w-50">
                                                    {{ trans('lang.portfolio_image_help') }}
                                                </div>
                                            </div>
                                        </div>

                                        {{-- Existing Portfolio Images --}}
                                        @if ($stylist->getMedia('portfolio_image')->count())
                                        <table class="table mt-3">
                                            <thead>
                                                <tr>
                                                    <th>{{ trans('lang.image') }}</th>
                                                    <th>{{ trans('lang.actions') }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($stylist->getMedia('portfolio_image') as $media)
                                                <tr id="media-row-{{ $media->id }}">
                                                    <td>
                                                        <img src="{{ $media->getUrl() }}" class="img-thumbnail" style="width: 150px;">
                                                    </td>
                                                    <td>
                                                        <button type="button" class="btn btn-danger btn-sm"
                                                            onclick="deleteMedia('{{ route('stylists.media.destroy', [$stylist->id, $media->id]) }}', {{ $media->id }})">
                                                            ✕ {{ trans('lang.delete') }}
                                                        </button>
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                        @endif

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

                    <div class="form-group col-12 text-center btm-btn">
                        <button type="submit" class="btn btn-primary save_category_btn">
                            <i class="fa fa-save"></i> {{ trans('lang.update') }}
                        </button>
                        <a href="{!! route('stylists') !!}" class="btn btn-default">
                            <i class="fa fa-undo"></i>{{ trans('lang.cancel') }}
                        </a>
                    </div>
                </div>
            </form>

        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    var id = "";
    // var database = firebase.firestore();
    // var ref = database.collection('vendor_categories').where("id", "==", id);
    // var photo = "";
    // var placeholderImage = '';
    // var placeholder = database.collection('settings').doc('placeHolderImage');
    // var ref_review_attributes = database.collection('review_attributes');
    // var category = '';

    // placeholder.get().then(async function (snapshotsimage) {
    //     var placeholderImageData = snapshotsimage.data();
    //     placeholderImage = placeholderImageData.image;
    // })


    $(document).ready(function() {
        jQuery("#data-table_processing").show();
        // ref.get().then(async function (snapshots) {
        //     category = snapshots.docs[0].data();
        //     $(".cat-name").val(category.title);
        //     $(".category_description").val(category.description);
        //     photo = category.photo;

        //     if (photo != '' && photo != null) {

        //         $(".cat_image").append('<img class="rounded" style="width:50px" src="' + photo + '" alt="image">');
        //     } else {

        //         $(".cat_image").append('<img class="rounded" style="width:50px" src="' + placeholderImage + '" alt="image">');
        //     }

        //     if (category.publish) {
        //         $("#item_publish").prop('checked', true);
        //     }

        //     if (category.show_in_homepage) {
        //         $("#show_in_homepage").prop('checked', true);
        //     }


        jQuery("#data-table_processing").hide();
        // })

        // ref_review_attributes.get().then(async function (snapshots) {
        //     var ra_html = '';
        //     snapshots.docs.forEach((listval) => {
        //         var data = listval.data();
        //         ra_html += '<div class="form-check width-100" >';
        //         var checked = $.inArray(data.id, category.review_attributes) !== -1 ? 'checked' : '';
        //         ra_html += '<input type="checkbox" id="review_attribute_' + data.id + '" value="' + data.id + '" ' + checked + '>';
        //         ra_html += '<label class="col-3 control-label" for="review_attribute_' + data.id + '">' + data.title + '</label>';
        //         ra_html += '</div>';
        //     })
        //     $('#review_attributes').html(ra_html);
        // })


        // $(".save_category_btn").click(async function () {

        //     var title = $(".cat-name").val();
        //     var description = $(".category_description").val();
        //     var item_publish = $("#item_publish").is(":checked");
        //     var show_in_homepage = $("#show_in_homepage").is(":checked");

        //     var review_attributes = [];
        //     $('#review_attributes input').each(function () {
        //         if ($(this).is(':checked')) {
        //             review_attributes.push($(this).val());
        //         }
        //     });

        //     if (title == '') {

        //         $(".error_top").show();
        //         $(".error_top").html("");
        //         $(".error_top").append("<p>{{ trans('lang.enter_cat_title_error') }}</p>");
        //         window.scrollTo(0, 0);
        //     } else {

        //         var count_vendor_categories = 0;
        //         if (show_in_homepage) {

        //             await database.collection('vendor_categories').where('show_in_homepage', "==", true).where("id", "!=", id).get().then(async function (snapshots) {

        //                 count_vendor_categories = snapshots.docs.length;

        //             });
        //         }

        //         if (count_vendor_categories >= 5) {
        //             alert("Already 5 categories are active for show in homepage..");
        //             return false;

        //         } else {

        //         database.collection('vendor_categories').doc(id).update({
        //             'title': title,
        //             'description': description,
        //             'photo': photo,
        //             'review_attributes': review_attributes,
        //             'publish': item_publish,
        //             'show_in_homepage': show_in_homepage,
        //         }).then(function (result) {
        //             window.location.href = '{{ route('categories') }}';
        //         });
        //     }
        //     }

        // });


    });


    var storageRef = firebase.storage().ref('images');

    // function handleFileSelect(evt) {
    //     var f = evt.target.files[0];
    //     var reader = new FileReader();
    //     reader.onload = (function (theFile) {
    //         return function (e) {

    //             var filePayload = e.target.result;
    //             var val = $('#category_image').val().toLowerCase();
    //             var ext = val.split('.')[1];
    //             var docName = val.split('fakepath')[1];
    //             var filename = $('#category_image').val().replace(/C:\\fakepath\\/i, '')
    //             var timestamp = Number(new Date());
    //             var filename = filename.split('.')[0] + "_" + timestamp + '.' + ext;
    //             var uploadTask = storageRef.child(filename).put(theFile);
    //             uploadTask.on('state_changed', function (snapshot) {
    //                 var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
    //             }, function (error) {
    //             }, function () {
    //                 uploadTask.snapshot.ref.getDownloadURL().then(function (downloadURL) {
    //                     jQuery("#uploding_image").text("Upload is completed");
    //                     photo = downloadURL;
    //                     $(".cat_image").empty();
    //                     $(".cat_image").append('<img class="rounded" style="width:50px" src="' + photo + '" alt="image">');

    //                 });
    //             });

    //         };
    //     })(f);
    //     reader.readAsDataURL(f);
    // }

    //upload image with compression
    // $("#category_image").resizeImg({

    //     callback: function(base64str) {

    //         var val = $('#category_image').val().toLowerCase();
    //         var ext = val.split('.')[1];
    //         var docName = val.split('fakepath')[1];
    //         var filename = $('#category_image').val().replace(/C:\\fakepath\\/i, '')
    //         var timestamp = Number(new Date());
    //         var filename = filename.split('.')[0] + "_" + timestamp + '.' + ext;

    //         //upload base64str encoded string as a image to firebase
    //         var uploadTask = storageRef.child(filename).putString(base64str.split(',')[1], "base64", {contentType: 'image/'+ext})

    //         uploadTask.on('state_changed', function (snapshot) {
    //             var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
    //         }, function (error) {
    //         }, function () {
    //             uploadTask.snapshot.ref.getDownloadURL().then(function (downloadURL) {
    //                 jQuery("#uploding_image").text("Upload is completed");
    //                 photo = downloadURL;
    //                 $(".cat_image").empty();
    //                 $(".cat_image").append('<img class="rounded" style="width:50px" src="' + photo + '" alt="image">');
    //                 $("#category_image").val('');
    //             });
    //         });
    //     }
    // });
    function deleteMedia(deleteUrl, mediaId) {
        if (confirm("Are you sure you want to delete this image?")) {
            fetch(deleteUrl, {
                method: 'DELETE',
                headers: {
                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
                }
            }).then(async response => {
                if (response.ok) {
                    document.getElementById("media-row-" + mediaId).remove();
                } else {
                    let error = await response.text();
                    alert('Failed to delete image: ' + error);
                }
            }).catch(error => {
                console.error("Error:", error);
                alert("Something went wrong.");
            });
        }
    }
</script>
<script>
    var id = "";
    // var database = firebase.firestore();
    // var ref = database.collection('vendor_categories').where("id", "==", id);
    // var photo = "";
    // var placeholderImage = '';
    // var placeholder = database.collection('settings').doc('placeHolderImage');
    // var ref_review_attributes = database.collection('review_attributes');
    // var category = '';

    // placeholder.get().then(async function (snapshotsimage) {
    //     var placeholderImageData = snapshotsimage.data();
    //     placeholderImage = placeholderImageData.image;
    // })


    $(document).ready(function() {
        jQuery("#data-table_processing").show();
        // ref.get().then(async function (snapshots) {
        //     category = snapshots.docs[0].data();
        //     $(".cat-name").val(category.title);
        //     $(".category_description").val(category.description);
        //     photo = category.photo;

        //     if (photo != '' && photo != null) {
        //         $(".cat_image").append('<img class="rounded" style="width:50px" src="' + photo + '" alt="image">');
        //     } else {
        //         $(".cat_image").append('<img class="rounded" style="width:50px" src="' + placeholderImage + '" alt="image">');
        //     }

        //     if (category.publish) {
        //         $("#item_publish").prop('checked', true);
        //     }

        //     if (category.show_in_homepage) {
        //         $("#show_in_homepage").prop('checked', true);
        //     }

        jQuery("#data-table_processing").hide();
        // })
    });

    var storageRef = firebase.storage().ref('images');

    // --- Final deleteMedia function (merged) ---
    function deleteMedia(deleteUrl) {
        if (confirm('Are you sure you want to delete this image?')) {
            fetch(deleteUrl, {
                method: 'DELETE',
                headers: {
                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
                }
            }).then(response => {
                if (response.ok) {
                    location.reload(); // Reload to update the UI after delete
                } else {
                    alert('Failed to delete image.');
                }
            }).catch(error => {
                console.error('Error:', error);
                alert('Something went wrong.');
            });
        }
    }
</script>
<script>
    var countAddButton = 1;

    function addMoreButton(day, day2, count) {
        $(".restaurant_discount_options_" + day + "_div").show();
        // 	$(".restaurant_opentime_options_"+day).append('<input type="time" class="form-control" id="openTime'+day+'">');
        // $(".restaurant_closetime_options_"+day).append('<input type="time" class="form-control" id="closeTime'+day+'"  >');
        // $(".restaurant_discount_options_"+day).append('<input type="number" class="form-control" id="discount'+day+'">');
        // $(".restaurant_action_options_"+day+"_div").append('<button type="button" class="btn btn-primary save_option_day_button'+day+'" onclick="addMoreFunctionButton(`'+day2+'`,`'+day+'`)" >Save</button>');

        $('#special_offer_table_' + day + ' tr:last').after('<tr>' +
            '<td class="" style="width:10%;"><input type="time" class="form-control" id="openTime' + day + count +
            '"></td>' +
            '<td class="" style="width:10%;"><input type="time" class="form-control" id="closeTime' + day + count +
            '"></td>' +
            '<td class="" style="width:30%;">' +
            '<input type="number" class="form-control" id="discount' + day + count + '" style="width:60%;">' +
            '<select id="discount_type' + day + count +
            '" class="form-control" style="width:40%;"><option value="percentage"/>%</option><option value="amount"/>' +
            currentCurrency + '</option></select>' +
            '</td>' +
            '<td style="width:30%;"><select id="type' + day + count +
            '" class="form-control"><option value="delivery"/>Delivery Discount</option></select></td>' +
            '<td class="action-btn" style="width:20%;">' +
            '<button type="button" class="btn btn-primary save_option_day_button' + day + count +
            '" onclick="addMoreFunctionButton(`' + day2 + '`,`' + day + '`,' + countAddButton +
            ')" style="width:62%;"><i class="fa fa-save"></i> Save</button>' +
            '</td></tr>');
        countAddButton++;

    }

    function addMoreFunctionButton(day1, day2, count) {
        var discount = $("#discount" + day2 + count).val();
        var discount_type = $('#discount_type' + day2 + count).val();
        var type = $('#type' + day2 + count).val();
        var closeTime = $("#closeTime" + day2 + count).val();
        var openTime = $("#openTime" + day2 + count).val();
        if (discount == "" || closeTime == '' || openTime == '') {
            $(".error_top").show();
            $(".error_top").html("");
            $(".error_top").append("<p>Please Enter valid time or discount</p>");
            window.scrollTo(0, 0);
        } else if (discount > 100 || discount == 0) {
            $(".error_top").show();
            $(".error_top").html("");
            $(".error_top").append("<p>Please Enter valid discount</p>");
            window.scrollTo(0, 0);
        } else {

            var timeslotVar = {
                'discount': discount,
                'from': openTime,
                'to': closeTime,
                'type': discount_type,
                'discount_type': type
            };

            if (day1 == 'sunday') {
                timeslotSunday.push(timeslotVar);
            } else if (day1 == 'monday') {
                timeslotMonday.push(timeslotVar);
            } else if (day1 == 'tuesday') {
                timeslotTuesday.push(timeslotVar);
            } else if (day1 == 'wednesday') {
                timeslotWednesday.push(timeslotVar);
            } else if (day1 == 'thursday') {
                timeslotThursday.push(timeslotVar);
            } else if (day1 == 'friday') {
                timeslotFriday.push(timeslotVar);
            } else if (day1 == 'Saturday') {
                timeslotSaturday.push(timeslotVar);
            }

            /*$("#discount"+day2+"").remove();
            $("#discount_type"+day2+"").remove();
                $("#closeTime"+day2+"").remove();
                $("#openTime"+day2+"").remove();*/
            $(".save_option_day_button" + day2 + count).hide();
            $("#discount" + day2 + count).attr('disabled', "true");
            $("#discount_type" + day2 + count).attr('disabled', "true");
            $("#type" + day2 + count).attr('disabled', "true");
            $("#closeTime" + day2 + count).attr('disabled', "true");
            $("#openTime" + day2 + count).attr('disabled', "true");
        }

    }


    $(".add_working_hours_restaurant_btn").click(function() {
        $(".working_hours_div").show();
    })
    var countAddhours = 1;

    function addMorehour(day, day2, count) {
        count = countAddhours;
        $(".restaurant_working_hour_" + day + "_div").show();

        $('#working_hour_table_' + day + ' tr:last').after('<tr id="row_' + day + count + '">' +
            '<td class="" style="width:50%;">' +
            '<input type="time" name="working_hours[' + day2 + '][' + count +
            '][from]" class="form-control" required>' +
            '</td>' +
            '<td class="" style="width:50%;">' +
            '<input type="time" name="working_hours[' + day2 + '][' + count +
            '][to]" class="form-control" required>' +
            '</td>' +
            '<td>' +
            '<button type="button" class="btn btn-danger" onclick="removeWorkingHourRow(\'' + day + '\',\'row_' +
            day + count + '\')">' +
            '<i class="fa fa-trash" title="Delete"></i>' +
            '</button>' +
            '</td>' +
            '</tr>');

        countAddhours++;
    }

    function removeWorkingHourRow(day, rowId) {
        $('#' + rowId).remove();
        let remainingRows = $('#working_hour_table_' + day + ' tr').length;

        // If only header remains or no rows, hide the block
        if (remainingRows <= 1) {
            $(".restaurant_working_hour_" + day + "_div").hide();
        }
    }

    function copyMondayToAll() {
        if ($("#copy_monday_to_all").is(":checked")) {
            let mondayRows = $("#working_hour_table_Monday tr").not(":first").clone();
            let days = ['Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];

            days.forEach(function(day) {
                $(".restaurant_working_hour_" + day + "_div").show();
                $("#working_hour_table_" + day + " tr").not(":first").remove();

                if (mondayRows.length > 0) {
                    let newRows = mondayRows.clone();
                    newRows.find("input, select").each(function() {
                        let name = $(this).attr("name");
                        if (name) {
                            $(this).attr("name", name.replace("Monday", day));
                        }
                    });
                    $("#working_hour_table_" + day).append(newRows);
                }
            });

        } else {
            let days = ['Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
            days.forEach(function(day) {
                $("#working_hour_table_" + day + " tr").not(":first").remove();
                $(".restaurant_working_hour_" + day + "_div").hide();
            });
        }
    }

    function addMoreFunctionhour(day1, day2, count) {
        var to = $("#to" + day2 + count).val();
        var from = $("#from" + day2 + count).val();
        if (to == '' || from == '') {
            $(".error_top").show();
            $(".error_top").html("");
            $(".error_top").append("<p>Please Enter valid time</p>");
            window.scrollTo(0, 0);

        } else {

            var timeslotworkVar = {
                'from': from,
                'to': to,
            };

            if (day1 == 'sunday') {
                timeslotworkSunday.push(timeslotworkVar);
            } else if (day1 == 'monday') {
                timeslotworkMonday.push(timeslotworkVar);
            } else if (day1 == 'tuesday') {
                timeslotworkTuesday.push(timeslotworkVar);
            } else if (day1 == 'wednesday') {
                timeslotworkWednesday.push(timeslotworkVar);
            } else if (day1 == 'thursday') {
                timeslotworkThursday.push(timeslotworkVar);
            } else if (day1 == 'friday') {
                timeslotworkFriday.push(timeslotworkVar);
            } else if (day1 == 'Saturday') {
                timeslotworkSaturday.push(timeslotworkVar);
            }

            $(".save_option_day_button" + day2 + count).hide();
            $("#to" + day2 + count).attr('disabled', "true");
            $("#from" + day2 + count).attr('disabled', "true");
        }

    }

    function chkAlphabets2(event, msg) {
        if (!(event.which >= 48 && event.which <= 57)) {
            document.getElementById(msg).innerHTML = "Accept only Number";
            return false;
        } else {
            document.getElementById(msg).innerHTML = "";
            return true;
        }
    }

    function chkNumbers2(event, msg) {
        if (!(event.which > 64 && event.which < 91 || event.which > 96 && event.which < 123)) {
            document.getElementById(msg).innerHTML = "Accept only letters";
            return false;
        } else {
            document.getElementById(msg).innerHTML = "";
            return true;
        }
    }
</script>
@endsection