@extends('layout.master')
@section('title', 'Search Schedule')
@section('css')

    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.min.css"
        crossorigin="anonymous">
    <link href="{{ asset('css/fileinput.css') }}" rel="stylesheet" />
    <style>
        .btn,
        .btn-large {
            background-color: #26b2e5;
        }

        .dropdown.bootstrap-select>.btn,
        .dropdown.bootstrap-select>.btn:hover,
        .dropdown.bootstrap-select>.btn:active,
        .dropdown.bootstrap-select>.btn:visited,
        .dropdown.bootstrap-select>.btn:focus {
            background-color: transparent;
            color: #495057;
            text-transform: none;
            font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        }

        #searchschedule .card-body .row {
            margin-bottom: 0px;
        }

        #searchschedule label.col-sm-3.col-form-label.img-align {
            margin: 2rem auto !important;
        }

        .english img,
        .gujarati img,
        .hindi img {
            width: 150px;
            padding-left: 10px;
            padding-bottom: 10px;
        }

        .file-field .file-path-wrapper .english {
            margin-top: -15px;
        }

        .btn,
        .btn-large {
            background-color: #26b2e5;
        }

        .btn:hover,
        .btn-large:hover {
            background-color: #26b2e5;
        }

        #searchschedule .dropdown-menu.show {
            max-height: 325px !important;
        }

        #searchschedule div#schedule-ivf-programs-div {
            display: none;
        }

        #searchschedule div#schedule-normal-programs-div {
            display: none;
        }

        #searchschedule div#schedule-pregnancy-programs-div {
            display: none;
        }

        .select2-container--default .select2-results__option--highlighted[aria-selected] {
            background-color: rgb(38, 178, 229) !important;
        }

        #searchschedule input[type=search]:focus:not([readonly]) {
            border-bottom: none;
            box-shadow: none;
        }

        input.select2-search__field::placeholder {
            color: #AAAAAA;
            opacity: 1;
        }

        default.select2-container--focus .select2-selection--multiple {
            border: none;
            outline: 0;
        }

        .select2-container--default .select2-selection--multiple {
            border-bottom: 1px solid #9e9e9e !important;
            background-color: white !important;
            border: none;
            border-radius: 0px;
            cursor: text;
        }

        .select2-container--default.select2-container--focus .select2-selection--multiple {
            border: none;
            outline: 0;
        }

        .file-drag-handle {
            display: none;
        }

        /* fileinput-start */
        .file-drop-zone,
        .file-preview {
            border: none;
            padding: 0;
        }

        .krajee-default.file-preview-frame .kv-file-content {
            max-width: 100%;
        }

        .krajee-default.file-preview-frame {
            width: 100%;
        }

        /* fileinput-start */
        /* tabination-design */
        .nav-pills .nav-link.active,
        .nav-pills .show>.nav-link {
            color: black !important;
        }

        .nav-pills .nav-link.active,
        .nav-pills .show>.nav-link {
            color: #ffffff !important;
            background-color: #9EB229 !important;
        }

        #accordionSearchSchedule button:focus {
            background-color: #9EB229;
        }

        /* hide fileinput remove button */
        .kv-file-remove {
            visibility: hidden;
        }

        /* accordian-arrow */
        .accordion .card-header:after {
            font-family: 'FontAwesome';
            /*content: "\f067";*/
            content: "\f0dd";
            float: right;
            margin-top: -25px;
        }

        .accordion .card-header.collapsed:after {
            font-family: 'FontAwesome';
            /*content: "\f068"; */
            content: "\f0de";
        }

        /* tab-design*/
        #accordionSearchSchedule .nav-tabs .nav-link.active {
            color: #333333;
            border-color: #9EB229;
        }

        #accordionSearchSchedule li.nav-item {
            width: 33.33%;
        }

        #accordionSearchSchedule .nav-link {
            width: 100%;
            box-shadow: none;
            border: none;
            background-color: #ffffff;
        }

    </style>
@stop

@section('content')
    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <div class="card">
                        <div class="card-header card-header-warning ">
                            <h4 class="card-title">Search Schedule</h4>
                        </div>
                        <div class="card-body">
                            <form id="searchschedule" name="searchschedule" action="{{ route('search.schedule') }}"
                                method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="activity_section">
                                    <div class="row d-flex align-items-baseline">
                                        <div class="col-lg-3 col-md-4 col-sm-12">
                                            <div class="form-group bmd-form-group">
                                                <select name="pregnancy_type" id="pregnancy_type"
                                                    class="form-control  selectpicker p-1 " data-actions-box="true"
                                                    title="Select Pregnancy Type" data-size="5">
                                                    <option value="">Select Pregnancy Type</option>
                                                    <option value="Planning" @if (isset($requestVariable) && $requestVariable->pregnancy_type == 'Planning') selected @endif>Planning</option>
                                                    <option value="Pregnancy" @if (isset($requestVariable) && $requestVariable->pregnancy_type == 'Pregnancy') selected @endif>Pregnancy</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-3 col-md-3 col-sm-12 d-none" id="program_type_section">
                                            <div class="form-group bmd-form-group">
                                                <select name="program_type" id="program_type"
                                                    class="form-control  selectpicker p-1 " data-actions-box="true"
                                                    title="Select Program Type" data-size="5">
                                                    <option value="">Select Program Type</option>
                                                    <option value="IVF" @if (isset($requestVariable) && $requestVariable->program_type == 'IVF') selected @endif>IVF</option>
                                                    <option value="Normal" @if (isset($requestVariable) && $requestVariable->program_type == 'Normal') selected @endif>Normal</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-lg-3 col-md-3 col-sm-12 d-none" id="days_90">
                                            <div class="form-group bmd-form-group">
                                                <select name="ninetydays" id="ninetydays"
                                                    class=" form-control selectpicker p-1" data-actions-box="true"
                                                    data-live-search="true" title="Select Days" data-size="5">
                                                    <option value="">Select Days</option>
                                                    @for ($i = 1; $i <= 90; $i++)
                                                        <option value="{{ $i }}" @if (isset($requestVariable) && $requestVariable->ninetydays == $i) selected @endif>
                                                            {{ $i }}</option>
                                                    @endfor
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-lg-3 col-md-3 col-sm-12 d-none" id="days_180">
                                            <div class="form-group bmd-form-group">
                                                <select name="twoeightydays" id="twoeightydays"
                                                    class=" form-control selectpicker p-1" data-actions-box="true"
                                                    data-live-search="true" title="Select Days" data-selected
                                                    data-selected-text-format="count > 2" data-size="5">
                                                    <option value="">Select Days</option>
                                                    @for ($j = 1; $j <= 280; $j++)
                                                        <option value="{{ $j }}" @if (isset($requestVariable) && $requestVariable->twoeightydays == $j) selected @endif>
                                                            {{ $j }}</option>
                                                    @endfor
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-sm-2 mt-2 d-flex align-items-baseline">
                                            <input type="submit" class="btn btn-info mr-2" value="Search">
                                        </div>
                                    </div>
                                </div>
                            </form>

                            <br>
                            <!-- search result area-start -->
                            <div class="accordion" id="accordionSearchSchedule">
                                @if (!empty($finalData) && count($finalData) > 0)
                                    @foreach ($finalData as $key => $value)
                                        <div class="card-header border">
                                            <div data-bs-toggle="collapse" data-bs-target="#{{ $key }}"
                                                aria-controls="one" class="card-title collapsed">
                                                <h6>{{ preg_replace('/(?<!\ )[A-Z]/', ' $0', $key) }}</h6>
                                            </div>
                                        </div>
                                        <div id="{{ $key }}"
                                            class="accordion-collapse collapse @if ($key == 'MyBlessedBaby') show @endif"
                                            data-bs-parent="#accordionSearchSchedule">
                                            <div class="card-body">

                                                <div class="col-md-12 p-0">
                                                    <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                                                        <li class="nav-item" role="presentation">
                                                            <button class="nav-link active"
                                                                id="normal-activity-tab{{ $key }}"
                                                                data-bs-toggle="pill"
                                                                data-bs-target="#normal-activity{{ $key }}"
                                                                type="button" role="tab"
                                                                aria-controls="normal-activity{{ $key }}"
                                                                aria-selected="true">Normal</button>
                                                        </li>
                                                        <li class="nav-item" role="presentation">
                                                            <button class="nav-link"
                                                                id="yoga-activity-tab{{ $key }}"
                                                                data-bs-toggle="pill"
                                                                data-bs-target="#yoga-activity{{ $key }}"
                                                                type="button" role="tab"
                                                                aria-controls="yoga-activity{{ $key }}"
                                                                aria-selected="false">Yoga</button>
                                                        </li>
                                                        <li class="nav-item" role="presentation">
                                                            <button class="nav-link"
                                                                id="diet-activity-tab{{ $key }}"
                                                                data-bs-toggle="pill"
                                                                data-bs-target="#diet-activity{{ $key }}"
                                                                type="button" role="tab"
                                                                aria-controls="diet-activity{{ $key }}"
                                                                aria-selected="false">Diet</button>
                                                        </li>
                                                    </ul>
                                                </div>

                                                <div class="tab-content" id="pills-tabContent">
                                                    <!-- NORMAL -->
                                                    <div class="tab-pane fade show active"
                                                        id="normal-activity{{ $key }}" role="tabpanel"
                                                        aria-labelledby="normal-activity-tab{{ $key }}">
                                                        <div class="row mt-3">
                                                            <div class="col-lg-3 col-md-3 col-sm-12 no-padding">
                                                                <h6 class="label">Activity Name</h6>
                                                            </div>
                                                            <div class="col-lg-9 col-md-9 col-sm-12">
                                                                <h6 class="label">Media</h6>
                                                            </div>
                                                        </div>

                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <div class="row">
                                                                    <div class="col-md-3">
                                                                        Activity name
                                                                    </div>
                                                                    <div class="col-md-9 d-flex">
                                                                        <div class="col-md-3 col-sm-12 mx-4">
                                                                            English Images
                                                                        </div>
                                                                        <div class="col-md-3 col-sm-12 mx-4">
                                                                            Gujarati Images
                                                                        </div>
                                                                        <div class="col-md-3 col-sm-12 mx-4">
                                                                            Hindi Images
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        @foreach ($value['normal'] as $normal)
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <div class="row">
                                                                        <div class="col-md-3">
                                                                            {{ $normal->activity_order }}.
                                                                            {{ $normal->getActivity->title_en }}
                                                                        </div>
                                                                        <div class="col-md-9 d-flex">
                                                                            <div class="col-md-3 col-sm-12 mx-4">

                                                                                @if ($normal->getActivity->media_type == 'image')

                                                                                    <input type="file"
                                                                                        id="normal_en_image_{{ $normal->getActivity->id }}">

                                                                                @elseif($normal->getActivity->media_type
                                                                                    == 'audio')
                                                                                    <input type="file"
                                                                                        id="normal_en_audio_{{ $normal->getActivity->id }}">

                                                                                    <input type="file"
                                                                                        id="normal_en_audio_thumbnail_{{ $normal->getActivity->id }}">

                                                                                @elseif($normal->getActivity->media_type
                                                                                    == 'video')
                                                                                    <a
                                                                                        href="{{ $normal->getActivity->media_en }}">{{ $normal->getActivity->media_en }}</a>

                                                                                @endif
                                                                            </div>
                                                                            <div class="col-md-3 col-sm-12 mx-4">
                                                                                @if ($normal->getActivity->media_type == 'image')

                                                                                    <input type="file"
                                                                                        id="normal_gu_image_{{ $normal->getActivity->id }}">

                                                                                @elseif($normal->getActivity->media_type
                                                                                    == 'audio')

                                                                                    <input type="file"
                                                                                        id="normal_gu_audio_{{ $normal->getActivity->id }}">

                                                                                    <input type="file"
                                                                                        id="normal_gu_audio_thumbnail_{{ $normal->getActivity->id }}">

                                                                                @elseif($normal->getActivity->media_type
                                                                                    == 'video')
                                                                                    <a
                                                                                        href="{{ $normal->getActivity->media_gu }}">{{ $normal->getActivity->media_gu }}</a>


                                                                                @endif
                                                                            </div>
                                                                            <div class="col-md-3 col-sm-12 mx-4">
                                                                                @if ($normal->getActivity->media_type == 'image')

                                                                                    <input type="file"
                                                                                        id="normal_hi_image_{{ $normal->getActivity->id }}">

                                                                                @elseif($normal->getActivity->media_type
                                                                                    == 'audio')

                                                                                    <input type="file"
                                                                                        id="normal_hi_audio_{{ $normal->getActivity->id }}">

                                                                                    <input type="file"
                                                                                        id="normal_hi_audio_thumbnail_{{ $normal->getActivity->id }}">

                                                                                @elseif($normal->getActivity->media_type
                                                                                    == 'video')
                                                                                    <a
                                                                                        href="{{ $normal->getActivity->media_hi }}">{{ $normal->getActivity->media_hi }}</a>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                    <!-- YOGA -->
                                                    <div class="tab-pane fade" id="yoga-activity{{ $key }}"
                                                        role="tabpanel"
                                                        aria-labelledby="yoga-activity-tab{{ $key }}">
                                                        <div class="row mt-3">
                                                            <div class="col-lg-3 col-md-3 col-sm-12 no-padding">
                                                                <h6 class="label">Activity Name</h6>
                                                            </div>
                                                            <div class="col-lg-9 col-md-9 col-sm-12">
                                                                <h6 class="label">Media</h6>
                                                            </div>
                                                        </div>

                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <div class="row">
                                                                    <div class="col-md-3">
                                                                        Activity name
                                                                    </div>
                                                                    <div class="col-md-9 d-flex">
                                                                        <div class="col-md-3 col-sm-12 mx-4">
                                                                            English Images
                                                                        </div>
                                                                        <div class="col-md-3 col-sm-12 mx-4">
                                                                            Gujarati Images
                                                                        </div>
                                                                        <div class="col-md-3 col-sm-12 mx-4">
                                                                            Hindi Images
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- yoga -->
                                                        @foreach ($value['yoga'] as $yoga)
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <div class="row">
                                                                        <div class="col-md-3">
                                                                            {{ $yoga->activity_order }}.
                                                                            {{ $yoga->getActivity->title_en }}
                                                                        </div>
                                                                        <div class="col-md-9 d-flex">
                                                                            <div class="col-md-3 col-sm-12 mx-4">

                                                                                @if ($yoga->getActivity->media_type == 'image')

                                                                                    <input type="file"
                                                                                        id="yoga_en_image_{{ $yoga->getActivity->id }}">

                                                                                @elseif($yoga->getActivity->media_type
                                                                                    == 'audio')
                                                                                    <input type="file"
                                                                                        id="yoga_en_audio_{{ $yoga->getActivity->id }}">

                                                                                    <input type="file"
                                                                                        id="yoga_en_audio_thumbnail_{{ $yoga->getActivity->id }}">

                                                                                @elseif($yoga->getActivity->media_type
                                                                                    == 'video')
                                                                                    <a
                                                                                        href="{{ $yoga->getActivity->media_en }}">{{ $yoga->getActivity->media_en }}</a>

                                                                                @endif
                                                                            </div>
                                                                            <div class="col-md-3 col-sm-12 mx-4">
                                                                                @if ($yoga->getActivity->media_type == 'image')

                                                                                    <input type="file"
                                                                                        id="yoga_gu_image_{{ $yoga->getActivity->id }}">

                                                                                @elseif($yoga->getActivity->media_type
                                                                                    == 'audio')

                                                                                    <input type="file"
                                                                                        id="yoga_gu_audio_{{ $yoga->getActivity->id }}">

                                                                                    <input type="file"
                                                                                        id="yoga_gu_audio_thumbnail_{{ $yoga->getActivity->id }}">

                                                                                @elseif($yoga->getActivity->media_type
                                                                                    == 'video')
                                                                                    <a
                                                                                        href="{{ $yoga->getActivity->media_gu }}">{{ $yoga->getActivity->media_gu }}</a>


                                                                                @endif
                                                                            </div>
                                                                            <div class="col-md-3 col-sm-12 mx-4">
                                                                                @if ($yoga->getActivity->media_type == 'image')

                                                                                    <input type="file"
                                                                                        id="yoga_hi_image_{{ $yoga->getActivity->id }}">

                                                                                @elseif($yoga->getActivity->media_type
                                                                                    == 'audio')

                                                                                    <input type="file"
                                                                                        id="yoga_hi_audio_{{ $yoga->getActivity->id }}">

                                                                                    <input type="file"
                                                                                        id="yoga_hi_audio_thumbnail_{{ $yoga->getActivity->id }}">

                                                                                @elseif($yoga->getActivity->media_type
                                                                                    == 'video')
                                                                                    <a
                                                                                        href="{{ $yoga->getActivity->media_hi }}">{{ $yoga->getActivity->media_hi }}</a>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                    <!-- DIET -->
                                                    <div class="tab-pane fade" id="diet-activity{{ $key }}"
                                                        role="tabpanel"
                                                        aria-labelledby="diet-activity-tab{{ $key }}">
                                                        <div class="row mt-3">
                                                            <div class="col-lg-3 col-md-3 col-sm-12 no-padding">
                                                                <h6 class="label">Activity Name</h6>
                                                            </div>
                                                            <div class="col-lg-9 col-md-9 col-sm-12">
                                                                <h6 class="label">Media</h6>
                                                            </div>
                                                        </div>

                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <div class="row">
                                                                    <div class="col-md-3">
                                                                        Activity name
                                                                    </div>
                                                                    <div class="col-md-9 d-flex">
                                                                        <div class="col-md-3 col-sm-12 mx-4">
                                                                            English Images
                                                                        </div>
                                                                        <div class="col-md-3 col-sm-12 mx-4">
                                                                            Gujarati Images
                                                                        </div>
                                                                        <div class="col-md-3 col-sm-12 mx-4">
                                                                            Hindi Images
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        @foreach ($value['diet'] as $diet)
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <div class="row">
                                                                        <div class="col-md-3">
                                                                            {{ $diet->activity_order }}.
                                                                            {{ $diet->getActivity->title_en }}
                                                                        </div>
                                                                        <div class="col-md-9 d-flex">
                                                                            <div class="col-md-3 col-sm-12 mx-4">

                                                                                @if ($diet->getActivity->media_type == 'image')

                                                                                    <input type="file"
                                                                                        id="diet_en_image_{{ $diet->getActivity->id }}">

                                                                                @elseif($diet->getActivity->media_type
                                                                                    == 'audio')
                                                                                    <input type="file"
                                                                                        id="diet_en_audio_{{ $diet->getActivity->id }}">

                                                                                    <input type="file"
                                                                                        id="diet_en_audio_thumbnail_{{ $diet->getActivity->id }}">

                                                                                @elseif($diet->getActivity->media_type
                                                                                    == 'video')
                                                                                    <a
                                                                                        href="{{ $diet->getActivity->media_en }}">{{ $diet->getActivity->media_en }}</a>

                                                                                @endif
                                                                            </div>
                                                                            <div class="col-md-3 col-sm-12 mx-4">
                                                                                @if ($diet->getActivity->media_type == 'image')

                                                                                    <input type="file"
                                                                                        id="diet_gu_image_{{ $diet->getActivity->id }}">

                                                                                @elseif($diet->getActivity->media_type
                                                                                    == 'audio')

                                                                                    <input type="file"
                                                                                        id="diet_gu_audio_{{ $diet->getActivity->id }}">

                                                                                    <input type="file"
                                                                                        id="diet_gu_audio_thumbnail_{{ $diet->getActivity->id }}">

                                                                                @elseif($diet->getActivity->media_type
                                                                                    == 'video')
                                                                                    <a
                                                                                        href="{{ $diet->getActivity->media_gu }}">{{ $diet->getActivity->media_gu }}</a>


                                                                                @endif
                                                                            </div>
                                                                            <div class="col-md-3 col-sm-12 mx-4">
                                                                                @if ($diet->getActivity->media_type == 'image')

                                                                                    <input type="file"
                                                                                        id="diet_hi_image_{{ $diet->getActivity->id }}">

                                                                                @elseif($diet->getActivity->media_type
                                                                                    == 'audio')

                                                                                    <input type="file"
                                                                                        id="diet_hi_audio_{{ $diet->getActivity->id }}">

                                                                                    <input type="file"
                                                                                        id="diet_hi_audio_thumbnail_{{ $diet->getActivity->id }}">

                                                                                @elseif($diet->getActivity->media_type
                                                                                    == 'video')
                                                                                    <a
                                                                                        href="{{ $diet->getActivity->media_hi }}">{{ $diet->getActivity->media_hi }}</a>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    </div>

                                                </div>


                                            </div>
                                        </div>
                                        <br>
                                    @endforeach
                                @endif
                            </div>
                            <!-- search result area-end -->
                        </div>
                    </div>
                    <br>
                </div>
            </div>
        </div>
    </div>

@stop
@section('script')
    <style>
        .bmd-form-group .form-control,
        .bmd-form-group label,
        .bmd-form-group input::placeholder {
            line-height: 3.5;
        }

        input[type="text"],
        input[type="password"],
        input[type="email"],
        input[type="url"],
        input[type="time"],
        input[type="date"],
        input[type="datetime-local"],
        input[type="tel"],
        input[type="number"],
        input[type="search"],
        textarea.materialize-textarea {
            margin: 0 auto;
            padding: 0;
        }

        .form-control {
            background: none;
        }

        .activity_section .form-control[type="url"] {
            border-bottom: 1px solid #9e9e9e;
        }

        input.file-path::placeholder {
            line-height: 2;
        }

        textarea.form-control {
            border-bottom: 1px solid #9e9e9e;
        }

        .bootstrap-select {
            background-image: none !important;
            padding: 0 !important;
        }

    </style>
    <script>
        var controller_url = "{{ route('search') }}";
    </script>

    <script src="{{ asset('js/image/fileinput.js') }}" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/js/materialize.min.js"></script>

    <script>
        $(document).ready(function() {

            $('#pregnancy_type').on('change', function() {
                var pregnancy_type = $(this).val();
                if (pregnancy_type !== '') {

                    //hide-show program_type_section
                    if (pregnancy_type == "Pregnancy") {
                        $("#program_type_section").addClass('d-none');
                        $("#days_180").removeClass('d-none');
                        $("#days_90").addClass('d-none');
                        $("#ninetydays").val('');
                    } else {
                        $("#program_type_section").removeClass('d-none');
                        $("#days_180").addClass('d-none');
                        $("#days_90").removeClass('d-none');
                        $("#twoeightydays").val('');
                    }
                }

            });

            var pregnancy_type = $("#pregnancy_type").val();
            if (pregnancy_type !== '') {

                //hide-show program_type_section
                if (pregnancy_type == "Pregnancy") {
                    $("#program_type_section").addClass('d-none');
                    $("#days_180").removeClass('d-none');
                    $("#days_90").addClass('d-none');
                    $("#ninetydays").val('');
                } else {
                    $("#program_type_section").removeClass('d-none');
                    $("#days_180").addClass('d-none');
                    $("#days_90").removeClass('d-none');
                    $("#twoeightydays").val('');
                }
            }

        });

        // fileinput 

        $(document).ready(function() {

            //NORMAL
            var normal_eng_img = [];
            var normal_guj_img = [];
            var normal_hin_img = [];

            var normal_eng_audio = "";
            var normal_guj_audio = "";
            var normal_hin_audio = "";

            var normal_eng_audio_thumbnail = "";
            var normal_guj_audio_thumbnail = "";
            var normal_hin_audio_thumbnail = "";

            // YOGA
            var yoga_eng_img = [];
            var yoga_guj_img = [];
            var yoga_hin_img = [];

            var yoga_eng_audio = "";
            var yoga_guj_audio = "";
            var yoga_hin_audio = "";

            var yoga_eng_audio_thumbnail = "";
            var yoga_guj_audio_thumbnail = "";
            var yoga_hin_audio_thumbnail = "";

            // DIET
            var diet_eng_img = [];
            var diet_guj_img = [];
            var diet_hin_img = [];

            var diet_eng_audio = "";
            var diet_guj_audio = "";
            var diet_hin_audio = "";

            var diet_eng_audio_thumbnail = "";
            var diet_guj_audio_thumbnail = "";
            var diet_hin_audio_thumbnail = "";

            @if (!empty($finalData) && count($finalData) > 0)
                @foreach ($finalData as $key => $value)
                
                    //=================== NORMAL FOR LOOP START ===================//
                    @foreach ($value['normal'] as $normal)
                        @if ($normal->getActivity->media_type == 'image')
                            // for image
                            normal_eng_img = [];
                            normal_guj_img = [];
                            normal_hin_img = [];
                
                            @foreach ($normal->getActivity->activity_images as $images)
                                @if ($images->media_language == 'en')
                
                                    @if (!empty($images->search_schedule_activity_image))
                
                                        normal_eng_img.push("{{ $images->search_schedule_activity_image }}");
                
                                    @else
                
                                        normal_eng_img.push("{{ asset('images') . '/default.png' }}");
                
                                    @endif
                
                                @endif
                                @if ($images->media_language == 'gu')
                
                                    @if (!empty($images->search_schedule_activity_image))
                
                                        normal_guj_img.push("{{ $images->search_schedule_activity_image }}");
                
                                    @else
                
                                        normal_guj_img.push("{{ asset('images') . '/default.png' }}");
                
                                    @endif
                
                                @endif
                                @if ($images->media_language == 'hi')
                
                                    @if (!empty($images->search_schedule_activity_image))
                
                                        normal_hin_img.push("{{ $images->search_schedule_activity_image }}");
                
                                    @else
                
                                        normal_hin_img.push("{{ asset('images') . '/default.png' }}");
                
                                    @endif
                
                                @endif
                            @endforeach
                
                        @elseif($normal->getActivity->media_type == 'audio')
                            // for audio
                
                            normal_eng_audio = "{{ $normal->getActivity->search_schedule_activity_en_audio }}";
                            normal_guj_audio = "{{ $normal->getActivity->search_schedule_activity_gu_audio }}";
                            normal_hin_audio = "{{ $normal->getActivity->search_schedule_activity_hi_audio }}";
                
                            normal_eng_audio_thumbnail = "{{ $normal->getActivity->search_schedule_activity_en_audio_thumbnail }}";
                            normal_guj_audio_thumbnail = "{{ $normal->getActivity->search_schedule_activity_gu_audio_thumbnail }}";
                            normal_hin_audio_thumbnail = "{{ $normal->getActivity->search_schedule_activity_hi_audio_thumbnail }}";
                
                        @elseif($normal->getActivity->media_type == 'video')
                            // for video
                
                        @endif
                
                        $("#normal_en_image_{{ $normal->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : normal_eng_img,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                        $("#normal_gu_image_{{ $normal->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : normal_guj_img,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                        $("#normal_hi_image_{{ $normal->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : normal_hin_img,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                
                        $("#normal_en_audio_{{ $normal->getActivity->id }}").fileinput({
                        overwriteInitial: true,
                        initialPreview : normal_eng_audio,
                        initialPreviewAsData: true,
                        showBrowse:false,
                        showUpload: false,
                        showPreview:true,
                        showUploadStats:true,
                        showCancel:false,
                        showRemove: false,
                        removeFromPreviewOnError: true,
                        initialPreviewShowDelete:false,
                        showDrag:false,
                        allowedFileExtensions: ['mp3', 'mp4'],
                        allowedPreviewTypes: ['audio'],
                        initialPreviewConfig: [
                        @if (!empty($normal->getActivity->search_schedule_activity_en_audio))
                            {
                            type:'audio',
                            showDrag:false,
                            initialPreviewAsData: true,
                            filetype: "audio/mp4",
                            caption: '',
                            // width: '120px',
                            url: "{{ $normal->getActivity->search_schedule_activity_en_audio }}",
                            }
                        @endif
                        ],
                        });
                        $("#normal_gu_audio_{{ $normal->getActivity->id }}").fileinput({
                        overwriteInitial: true,
                        initialPreview : normal_guj_audio,
                        initialPreviewAsData: true,
                        showBrowse:false,
                        showUpload: false,
                        showPreview:true,
                        showUploadStats:true,
                        showCancel:false,
                        showRemove: false,
                        removeFromPreviewOnError: true,
                        initialPreviewShowDelete:false,
                        showDrag:false,
                        allowedFileExtensions: ['mp3', 'mp4'],
                        allowedPreviewTypes: ['audio'],
                        initialPreviewConfig: [
                        @if (!empty($normal->getActivity->search_schedule_activity_gu_audio))
                            {
                            type:'audio',
                            showDrag:false,
                            initialPreviewAsData: true,
                            filetype: "audio/mp4",
                            caption: '',
                            //width: '120px',
                            url: "{{ $normal->getActivity->search_schedule_activity_gu_audio }}",
                            }
                        @endif
                        ],
                        });
                        $("#normal_hi_audio_{{ $normal->getActivity->id }}").fileinput({
                        overwriteInitial: true,
                        initialPreview : normal_hin_audio,
                        initialPreviewAsData: true,
                        showBrowse:false,
                        showUpload: false,
                        showPreview:true,
                        showUploadStats:true,
                        showCancel:false,
                        showRemove: false,
                        removeFromPreviewOnError: true,
                        initialPreviewShowDelete:false,
                        showDrag:false,
                        allowedFileExtensions: ['mp3', 'mp4'],
                        allowedPreviewTypes: ['audio'],
                        initialPreviewConfig: [
                        @if (!empty($normal->getActivity->search_schedule_activity_hi_audio))
                            {
                            type:'audio',
                            showDrag:false,
                            initialPreviewAsData: true,
                            filetype: "audio/mp4",
                            caption: '',
                            // width: '120px',
                            url: "{{ $normal->getActivity->search_schedule_activity_hi_audio }}",
                            }
                        @endif
                        ],
                        });
                
                        $("#normal_en_audio_thumbnail_{{ $normal->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : normal_eng_audio_thumbnail,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                        $("#normal_gu_audio_thumbnail_{{ $normal->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : normal_guj_audio_thumbnail,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                        $("#normal_hi_audio_thumbnail_{{ $normal->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : normal_hin_audio_thumbnail,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                
                    @endforeach
                    //=================== NORMAL FOR LOOP END ===================//
                
                
                    //=================== YOGA FOR LOOP START ===================//
                    @foreach ($value['yoga'] as $yoga)
                        @if ($yoga->getActivity->media_type == 'image')
                            // for image
                            yoga_eng_img = [];
                            yoga_guj_img = [];
                            yoga_hin_img = [];
                
                            @foreach ($yoga->getActivity->activity_images as $images)
                                @if ($images->media_language == 'en')
                
                                    @if (!empty($images->search_schedule_activity_image))
                
                                        yoga_eng_img.push("{{ $images->search_schedule_activity_image }}");
                
                                    @else
                
                                        yoga_eng_img.push("{{ asset('images') . '/default.png' }}");
                
                                    @endif
                
                                @endif
                                @if ($images->media_language == 'gu')
                
                                    @if (!empty($images->search_schedule_activity_image))
                
                                        yoga_guj_img.push("{{ $images->search_schedule_activity_image }}");
                
                                    @else
                
                                        yoga_guj_img.push("{{ asset('images') . '/default.png' }}");
                
                                    @endif
                
                                @endif
                                @if ($images->media_language == 'hi')
                
                                    @if (!empty($images->search_schedule_activity_image))
                
                                        yoga_hin_img.push("{{ $images->search_schedule_activity_image }}");
                
                                    @else
                
                                        yoga_hin_img.push("{{ asset('images') . '/default.png' }}");
                
                                    @endif
                
                                @endif
                            @endforeach
                
                        @elseif($yoga->getActivity->media_type == 'audio')
                            // for audio
                
                            yoga_eng_audio = "{{ $yoga->getActivity->search_schedule_activity_en_audio }}";
                            yoga_guj_audio = "{{ $yoga->getActivity->search_schedule_activity_gu_audio }}";
                            yoga_hin_audio = "{{ $yoga->getActivity->search_schedule_activity_hi_audio }}";
                
                            yoga_eng_audio_thumbnail = "{{ $yoga->getActivity->search_schedule_activity_en_audio_thumbnail }}";
                            yoga_guj_audio_thumbnail = "{{ $yoga->getActivity->search_schedule_activity_gu_audio_thumbnail }}";
                            yoga_hin_audio_thumbnail = "{{ $yoga->getActivity->search_schedule_activity_hi_audio_thumbnail }}";
                
                        @elseif($yoga->getActivity->media_type == 'video')
                            // for video
                
                        @endif
                
                
                        $("#yoga_en_image_{{ $yoga->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : yoga_eng_img,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                        $("#yoga_gu_image_{{ $yoga->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : yoga_guj_img,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                        $("#yoga_hi_image_{{ $yoga->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : yoga_hin_img,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                
                        $("#yoga_en_audio_{{ $yoga->getActivity->id }}").fileinput({
                        overwriteInitial: true,
                        initialPreview : yoga_eng_audio,
                        initialPreviewAsData: true,
                        showBrowse:false,
                        showUpload: false,
                        showPreview:true,
                        showUploadStats:true,
                        showCancel:false,
                        showRemove: false,
                        removeFromPreviewOnError: true,
                        initialPreviewShowDelete:false,
                        showDrag:false,
                        allowedFileExtensions: ['mp3', 'mp4'],
                        allowedPreviewTypes: ['audio'],
                        initialPreviewConfig: [
                        @if (!empty($yoga->getActivity->search_schedule_activity_en_audio))
                            {
                            type:'audio',
                            showDrag:false,
                            initialPreviewAsData: true,
                            filetype: "audio/mp4",
                            caption: '',
                            // width: '120px',
                            url: "{{ $yoga->getActivity->search_schedule_activity_en_audio }}",
                            }
                        @endif
                        ],
                        });
                        $("#yoga_gu_audio_{{ $yoga->getActivity->id }}").fileinput({
                        overwriteInitial: true,
                        initialPreview : yoga_guj_audio,
                        initialPreviewAsData: true,
                        showBrowse:false,
                        showUpload: false,
                        showPreview:true,
                        showUploadStats:true,
                        showCancel:false,
                        showRemove: false,
                        removeFromPreviewOnError: true,
                        initialPreviewShowDelete:false,
                        showDrag:false,
                        allowedFileExtensions: ['mp3', 'mp4'],
                        allowedPreviewTypes: ['audio'],
                        initialPreviewConfig: [
                        @if (!empty($yoga->getActivity->search_schedule_activity_gu_audio))
                            {
                            type:'audio',
                            showDrag:false,
                            initialPreviewAsData: true,
                            filetype: "audio/mp4",
                            caption: '',
                            //width: '120px',
                            url: "{{ $yoga->getActivity->search_schedule_activity_gu_audio }}",
                            }
                        @endif
                        ],
                        });
                        $("#yoga_hi_audio_{{ $yoga->getActivity->id }}").fileinput({
                        overwriteInitial: true,
                        initialPreview : yoga_hin_audio,
                        initialPreviewAsData: true,
                        showBrowse:false,
                        showUpload: false,
                        showPreview:true,
                        showUploadStats:true,
                        showCancel:false,
                        showRemove: false,
                        removeFromPreviewOnError: true,
                        initialPreviewShowDelete:false,
                        showDrag:false,
                        allowedFileExtensions: ['mp3', 'mp4'],
                        allowedPreviewTypes: ['audio'],
                        initialPreviewConfig: [
                        @if (!empty($yoga->getActivity->search_schedule_activity_hi_audio))
                            {
                            type:'audio',
                            showDrag:false,
                            initialPreviewAsData: true,
                            filetype: "audio/mp4",
                            caption: '',
                            // width: '120px',
                            url: "{{ $yoga->getActivity->search_schedule_activity_hi_audio }}",
                            }
                        @endif
                        ],
                        });
                
                        $("#yoga_en_audio_thumbnail_{{ $yoga->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : yoga_eng_audio_thumbnail,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                        $("#yoga_gu_audio_thumbnail_{{ $yoga->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : yoga_guj_audio_thumbnail,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                        $("#yoga_hi_audio_thumbnail_{{ $yoga->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : yoga_hin_audio_thumbnail,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                
                    @endforeach
                    //=================== YOGA FOR LOOP END ===================//
                
                    //=================== DIET FOR LOOP START ===================//
                    @foreach ($value['diet'] as $diet)
                        @if ($diet->getActivity->media_type == 'image')
                            // for image
                            diet_eng_img = [];
                            diet_guj_img = [];
                            diet_hin_img = [];
                
                            @foreach ($diet->getActivity->activity_images as $images)
                                @if ($images->media_language == 'en')
                
                                    @if (!empty($images->search_schedule_activity_image))
                
                                        diet_eng_img.push("{{ $images->search_schedule_activity_image }}");
                
                                    @else
                
                                        diet_eng_img.push("{{ asset('images') . '/default.png' }}");
                
                                    @endif
                
                                @endif
                                @if ($images->media_language == 'gu')
                
                                    @if (!empty($images->search_schedule_activity_image))
                
                                        diet_guj_img.push("{{ $images->search_schedule_activity_image }}");
                
                                    @else
                
                                        diet_guj_img.push("{{ asset('images') . '/default.png' }}");
                
                                    @endif
                
                                @endif
                                @if ($images->media_language == 'hi')
                
                                    @if (!empty($images->search_schedule_activity_image))
                
                                        diet_hin_img.push("{{ $images->search_schedule_activity_image }}");
                
                                    @else
                
                                        diet_hin_img.push("{{ asset('images') . '/default.png' }}");
                
                                    @endif
                
                                @endif
                            @endforeach
                
                        @elseif($diet->getActivity->media_type == 'audio')
                            // for audio
                
                            diet_eng_audio = "{{ $diet->getActivity->search_schedule_activity_en_audio }}";
                            diet_guj_audio = "{{ $diet->getActivity->search_schedule_activity_gu_audio }}";
                            diet_hin_audio = "{{ $diet->getActivity->search_schedule_activity_hi_audio }}";
                
                            diet_eng_audio_thumbnail = "{{ $diet->getActivity->search_schedule_activity_en_audio_thumbnail }}";
                            diet_guj_audio_thumbnail = "{{ $diet->getActivity->search_schedule_activity_gu_audio_thumbnail }}";
                            diet_hin_audio_thumbnail = "{{ $diet->getActivity->search_schedule_activity_hi_audio_thumbnail }}";
                
                        @elseif($diet->getActivity->media_type == 'video')
                            // for video
                
                        @endif
                
                
                        $("#diet_en_image_{{ $diet->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : diet_eng_img,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                        $("#diet_gu_image_{{ $diet->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : diet_guj_img,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                        $("#diet_hi_image_{{ $diet->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : diet_hin_img,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                
                        $("#diet_en_audio_{{ $diet->getActivity->id }}").fileinput({
                        overwriteInitial: true,
                        initialPreview : diet_eng_audio,
                        initialPreviewAsData: true,
                        showBrowse:false,
                        showUpload: false,
                        showPreview:true,
                        showUploadStats:true,
                        showCancel:false,
                        showRemove: false,
                        removeFromPreviewOnError: true,
                        initialPreviewShowDelete:false,
                        showDrag:false,
                        allowedFileExtensions: ['mp3', 'mp4'],
                        allowedPreviewTypes: ['audio'],
                        initialPreviewConfig: [
                        @if (!empty($diet->getActivity->search_schedule_activity_en_audio))
                            {
                            type:'audio',
                            showDrag:false,
                            initialPreviewAsData: true,
                            filetype: "audio/mp4",
                            caption: '',
                            // width: '120px',
                            url: "{{ $diet->getActivity->search_schedule_activity_en_audio }}",
                            }
                        @endif
                        ],
                        });
                        $("#diet_gu_audio_{{ $diet->getActivity->id }}").fileinput({
                        overwriteInitial: true,
                        initialPreview : diet_guj_audio,
                        initialPreviewAsData: true,
                        showBrowse:false,
                        showUpload: false,
                        showPreview:true,
                        showUploadStats:true,
                        showCancel:false,
                        showRemove: false,
                        removeFromPreviewOnError: true,
                        initialPreviewShowDelete:false,
                        showDrag:false,
                        allowedFileExtensions: ['mp3', 'mp4'],
                        allowedPreviewTypes: ['audio'],
                        initialPreviewConfig: [
                        @if (!empty($diet->getActivity->search_schedule_activity_gu_audio))
                            {
                            type:'audio',
                            showDrag:false,
                            initialPreviewAsData: true,
                            filetype: "audio/mp4",
                            caption: '',
                            //width: '120px',
                            url: "{{ $diet->getActivity->search_schedule_activity_gu_audio }}",
                            }
                        @endif
                        ],
                        });
                        $("#diet_hi_audio_{{ $diet->getActivity->id }}").fileinput({
                        overwriteInitial: true,
                        initialPreview : diet_hin_audio,
                        initialPreviewAsData: true,
                        showBrowse:false,
                        showUpload: false,
                        showPreview:true,
                        showUploadStats:true,
                        showCancel:false,
                        showRemove: false,
                        removeFromPreviewOnError: true,
                        initialPreviewShowDelete:false,
                        showDrag:false,
                        allowedFileExtensions: ['mp3', 'mp4'],
                        allowedPreviewTypes: ['audio'],
                        initialPreviewConfig: [
                        @if (!empty($diet->getActivity->search_schedule_activity_hi_audio))
                            {
                            type:'audio',
                            showDrag:false,
                            initialPreviewAsData: true,
                            filetype: "audio/mp4",
                            caption: '',
                            // width: '120px',
                            url: "{{ $diet->getActivity->search_schedule_activity_hi_audio }}",
                            }
                        @endif
                        ],
                        });
                
                        $("#diet_en_audio_thumbnail_{{ $diet->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : diet_eng_audio_thumbnail,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                        $("#diet_gu_audio_thumbnail_{{ $diet->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : diet_guj_audio_thumbnail,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                        $("#diet_hi_audio_thumbnail_{{ $diet->getActivity->id }}").fileinput({
                        overwriteInitial:true,
                        initialPreview : diet_hin_audio_thumbnail,
                        initialPreviewAsData: true,
                        dropZoneEnabled :false,
                        initialPreviewConfig: [],
                        showBrowse:false,
                        showUpload: false,
                        showRemove:false,
                        showPreview:true,
                        showUploadStats:true,
                        removeFromPreviewOnError: true,
                        allowedFileExtensions: ['jpg', 'jpeg', 'png'],
                        allowedPreviewTypes: ['image'],
                        maxFilePreviewSize: 2048
                        });
                
                    @endforeach
                    //=================== DIET FOR LOOP END ===================//
                
                @endforeach
            @endif
        });
        // fileinput
    </script>

@stop