@extends('layouts.site')

@section('content')
<script>
    function search2() {
        $('#Scroll_loader_Icon').data('from-send','search');
        loadtherapist(($("#sidebarReservationFilter").is(":visible"))?$('#fromFilterMobile'):$('#formFilterDesktop'));
        return false;
    }
</script>
<style>
    .search-icon{
        right: 20px;
        top: 10px;
    }
    .search-therapist-name{
        height: 48px;
        padding-right: 25px;
        font-size: 14px;
        background: white;
    }
    .filter-poup{
        height: 48px;
        line-height: 48px;
        font-size: 14px;
        border: 1px solid transparent!important;
        border-color: #ccc!important;
        background: white;
    }
    .pointer{
        cursor: pointer;
    }
    .loading-bar {
        display: flex;
        height: 10px;
        width: 100%;
        max-width: 320px;
        box-shadow: inset 0px 0px 0px 1px #C8C8CD;
        border-radius: 50px;
        overflow: hidden;
            margin: 0 auto;
    }
    @keyframes progress-animation {
        0% {width: 0%;}
        20% {width: 10%;}
        40% {width: 30%;}
        50% {width: 60%;}
        100% {width: 90%;}
    }

    .progress-bar {
        display: flex;
        height: 100%;
        width: 90%;
        background: #409be9;
        animation: progress-animation 5s ease-in-out;
    }

</style>
<section>
    <div class="lgx-banner lgx-banner-inner">
        <div class="lgx-inner-bg">
            <div class="lgx-inner">
                <div class="container bartopline">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="lgx-heading-area mt-5">
                               <ul class="breadcrumb">
                                   <li><a href="{{ route('index') }}"><i class="icon-home6"></i>{{trans('home.home')}}</a></li>
                                   <li class="active">{{trans('home.therapists')}}</li>
                               </ul>

                            </div>
                        </div>
                    </div><!--//.ROW-->
                </div><!-- //.CONTAINER -->
            </div><!-- //.INNER -->
        </div>
    </div>
</section>

@if(Session::has('message'))
    <p class="alert alert-success alert-dismissible fade show mt-2" role="alert">{{ Session::get('message') }}
        <button type="button" class="close text-center" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </p>
@endif


<div class="container">
    <div class="row justify-content-center min-vh-100 mt-5">
        <div class="col-md-9 text-center">
            <div class="row d-lg-none d-md-none d-sm-block d-xs-block">
                {{--<div class="form-group col-6 pl-0">
                    <svg-icon src="assets/images/search/search-icon.svg" class="position-absolute search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><defs><style>.a{fill:#666669;}</style></defs><g transform="translate(-23 -83)"><g transform="translate(23 83)"><path class="a" d="M7.046,0a7.046,7.046,0,1,0,7.046,7.046A7.054,7.054,0,0,0,7.046,0Zm0,12.791a5.745,5.745,0,1,1,5.745-5.745A5.752,5.752,0,0,1,7.046,12.791Z"></path></g><g transform="translate(33.97 93.97)"><path class="a" d="M355.885,354.965l-3.729-3.729a.65.65,0,0,0-.92.92l3.729,3.729a.65.65,0,0,0,.92-.92Z" transform="translate(-351.046 -351.046)"></path></g></g></svg></svg-icon>
                    <input type="text" id="search_input_mobile" onkeyup="return changefilter($('#formFilterDesktop'));" class="form-control search-therapist-name" placeholder="بحث بأسم المعالج">
                </div>--}}
                <div class="form-group col-12">
                    <div class="pointer filter-poup pointer">
                        <svg-icon src="assets/images/search/filter.svg"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><defs><style>.a{fill:#666669;}</style></defs><path class="a" d="M41.823,2.585c0-.012,0-.025,0-.037V.41A.4.4,0,0,0,41.426,0H28.236a.4.4,0,0,0-.4.4v2.15c0,.012-.008.025,0,.037s0,.012,0,.016v.021a.036.036,0,0,0,0,.021.031.031,0,0,1,0,.016.175.175,0,0,1,0,.021s0,.012,0,.016,0,.012.008.021,0,.012.008.016,0,.012.008.016a.031.031,0,0,1,.008.016s.008.012.008.016.008.012.013.016.008.008.008.012a.021.021,0,0,1,.013,0L32.942,8.6V15.59a.4.4,0,0,0,.23.369.425.425,0,0,0,.176.041.415.415,0,0,0,.26-.09l2.956-2.351a.4.4,0,0,0,.147-.32V8.6l5.016-5.785a.013.013,0,0,0,.008,0l.013-.012s.008-.012.013-.016.008-.012.013-.016a783.059,783.059,0,0,1,.017-.033s0-.012.008-.016,0-.012.008-.021a.024.024,0,0,0,0-.016.036.036,0,0,0,0-.021c0-.008,0-.012,0-.016a.175.175,0,0,0,0-.021.175.175,0,0,1,0-.021S41.819,2.589,41.823,2.585Zm-5.841,5.6a.423.423,0,0,0-.109.267v4.595L33.78,14.728V8.447a.423.423,0,0,0-.109-.267L29.14,2.954H40.513Zm5-6.047H28.671V.821H40.982Z" transform="translate(-27.828)"></path></svg></svg-icon>
                        <span>@lang('home.filters')</span>
                    </div>

                </div>
            </div>


            <div class="row  min-vh-100" id="Therapist_html_view">
                @include('therapists.allTherapists')
            </div>


            <div class="text-center">
                <button class="lgx-btn" id="loadMoreTherapists" style="font-size: 18px;padding: 10px 30px;">@lang('home.Load More')</button>
                <div class="clearfix" style="height: 20px;"></div>
            </div>
            <div class="row" id="Scroll_loader_Icon" data-next-page="1" data-last-page="1" data-main-url="{{route('therapist',['js'])}}" data-main-urlhtml="{{route('therapist',['html'])}}" data-from-send="page">
                <div class="col-md-12 text-center">
                    <div class="spinner-border text-primary" role="status">
                        <span class="sr-only">Loading...</span>
                    </div>
                </div>
            </div>


        </div>
        <div class="col-md-3 d-none d-md-block">

            <div class="card">
                <div class="card-header">{{trans('home.classification')}}</div>
                <div class="card-body">
                    <form id="formFilterDesktop">
                        @csrf
                        <div class="input-group">
                            <select id="SortFilter" name="sort" onchange="return changefilter($('#formFilterDesktop'));" class="custom-select custom-select-lg mb-4 mt-4 shadow" style="font-size: 14px; height:40px;">
                                <option value=""> {{trans('home.arrange')}} </option>
                                <option value="p_low">{{trans('home.lowest-to-highest')}}</option>
                                <option value="p_hight">{{trans('home.highest-to-lowest')}}</option>
                                <option value="r"> {{trans('home.highest-rated')}} </option>
                            </select>
                        </div>
                        <div class="input-group">
                            <input class="form-control form-input shadow p-4 mb-4 bg-white rounded"
                                   placeholder="@lang('home.search')"
                                   type="text"
                                   id="search_input"
                                   name="word"
                                   onkeyup="return changefilter($('#formFilterDesktop'));"
                                   style="font-size: 14px; height:40px;"
                            >
                        </div>
                        <div class="input-group">
                            <select name="dept" id="SpecFilter" onchange="return changefilter($('#formFilterDesktop'));" class="custom-select custom-select-lg mb-4 shadow" style="font-size: 14px; height:40px;">
                                <option value="">{{trans('home.all-specialties')}} </option>
                                @foreach ($specialties as $item)
                                <option @if(isset($_GET['property_id'])&&$_GET['property_id']==$item->id) selected="selected" @endif value="{{$item->id}}">{{ config('app.locale') == "ar" ? $item->title_ar : $item->title_en }}</option>
                                @endforeach
                            </select>
                        </div>

                        <h4 class="search_title">
                            <i class="fas fa-clock"></i>
                            {{trans('home.available-dates-and-duration')}}
                        </h4>
                        <div class="row form-check form-check-inline duration mt-1">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" name="duration[]" onclick="changefilter($('#formFilterDesktop'));" class="custom-control-input" value="today" id="todayCheckbox1">
                                <label class="custom-control-label" for="todayCheckbox1"> {{trans('home.today')}} </label>
                            </div>
                            <div class="custom-control custom-checkbox mr-3">
                                <input type="checkbox" name="duration[]" onclick="changefilter($('#formFilterDesktop'));" class="custom-control-input" value="week" id="weekCheckbox1">
                                <label class="custom-control-label" for="weekCheckbox1"> {{trans('home.this-week')}} </label>
                            </div>
                        </div>
                        <div class="input-group mt-4 dynamic-align">
                            <label for="start_date" class="col-form-label w-100"> {{trans('home.Available-from-Choose-an-appointment')}} </label>
                            <input class="form-control form-input shadow p-4 mb-4 bg-white rounded  dir-rtl"
                                   placeholder="{{trans('home.choose-date')}}"
                                   type="date"
                                   id="from_dateee"
                                   name="from_dateee"

                                   style="font-size: 14px; height:40px;"
                            >
                        </div>
                        <div class="input-group dynamic-align">
                            <label for="start_date" class="col-form-label w-100 "> {{trans('home.Available-to-Choose-an-appointment')}} </label>
                            <input class="form-control form-input shadow p-4 mb-4 bg-white rounded  dir-rtl"
                                   placeholder="{{trans('home.choose-date')}}"
                                   type="date"
                                   id="to_dateee"
                                   name="to_dateee"

                                   style="font-size: 14px; height:40px;"
                            >
                        </div>

                        <div class="row form-check form-check-inline types dynamic-align">
                            <label class="col-form-label w-100 mx-4"> {{trans('home.duration')}} </label>
                            <div class="custom-control custom-checkbox mt-1">
                                <input type="checkbox" name="types[]" onclick="changefilter($('#formFilterDesktop'));" class="custom-control-input" value="30" id="30minutesCheckbox1">
                                <label class="custom-control-label" for="30minutesCheckbox1"> {{trans('home.30minutes') }} </label>
                            </div>
                            <div class="custom-control custom-checkbox mt-1">
                                <input type="checkbox" name="types[]" onclick="changefilter($('#formFilterDesktop'));" class="custom-control-input" value="60" id="60minutesCheckbox1">
                                <label class="custom-control-label" for="60minutesCheckbox1"> {{trans('home.60minutes') }}</label>
                            </div>
                        </div>

                        <div class="dynamic-align">
                            <h4 class="search_title mt-4">
                                <i class="fas fa-venus-mars"></i>
                                {{trans('home.gender')}}
                            </h4>
                            <div class="row form-check form-check-inline gender">
                                <div class="custom-control custom-checkbox">
                                    <input type="checkbox" name="gender[]" value="male" onclick="changefilter($('#formFilterDesktop'));" class="custom-control-input" id="genderMaleCheckbox1">
                                    <label class="custom-control-label" for="genderMaleCheckbox1">{{ trans('home.male') }}</label>
                                </div>
                                <div class="custom-control custom-checkbox mr-3">
                                    <input type="checkbox" name="gender[]" value="female" onclick="changefilter($('#formFilterDesktop'));" class="custom-control-input" id="genderFemaleCheckbox1">
                                    <label class="custom-control-label" for="genderFemaleCheckbox1"> {{ trans('home.female')}} </label>
                                </div>
                            </div>
                        </div>


                        <div class="dynamic-align">
                            <h4 class="search_title mt-4">
                                <i class="fas fa-star"></i>
                                {{ trans('home.Evaluation')  }}
                            </h4>
                            <div class="row form-check form-check-inline mx-2">
                                <div class='rating'>
                                    <span class="fa fa-star star1" onclick="setrate('5');" id="q6-5" value="1"></span>
                                    <span class="fa fa-star star1" onclick="setrate('4');" id="q6-4" value="2"></span>
                                    <span class="fa fa-star star1" onclick="setrate('3');" id="q6-3" value="3"></span>
                                    <span class="fa fa-star star1" onclick="setrate('2');" id="q6-2" value="4"></span>
                                    <span class="fa fa-star star1" onclick="setrate('1');" id="q6-1" value="5"></span>
                                </div>
                                <input type="hidden" name="rating" value="" id="RateFilter" />
                            </div>
                        </div>


                        <div class="dynamic-align">
                            <h4 class="search_title mt-4">
                                <i class="fas fa-globe-africa"></i>
                                {{trans('home.language')}}
                            </h4>
                            <div class="input-group">
                                <select id="LangFilter" name="lang" onchange="return changefilter($('#formFilterDesktop'));" class="custom-select custom-select-lg mb-4 shadow" style="font-size: 14px; height:40px;">
                                    <option value=""> {{trans('home.choose-lang')}} </option>
                                    @foreach ($languages as $item)
                                        <option value="{{$item->id}}">{{ config('app.locale') == "ar" ?  $item->title_ar : $item->title_en }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="dynamic-align">
                            <h4 class="search_title mt-4">
                                <i class="fas fa-money-bill"></i>
                                @if($location && $location->countryName == 'Egypt')
                                    {{ trans('home.session-cost') }}
                                @else
                                    {{ trans('home.session-cost-usd') }}
                                @endif

                            </h4>

                            <div class="form-check">
                                <a href="#" class="lgx-btn" onclick="$('#Pricerang').val('150'); return changefilter($('#formFilterDesktop'));"> {{ trans('home.less-than-150') }} </a>
                                <a href="#" class="lgx-btn" onclick="$('#Pricerang').val('200'); return changefilter($('#formFilterDesktop'));">{{trans('home.from-150-to-200')}}</a>
                                <a href="#" class="lgx-btn" onclick="$('#Pricerang').val('300'); return changefilter($('#formFilterDesktop'));">{{trans('home.from-200-to-300')}}</a>
                                <a href="#" class="lgx-btn" onclick="$('#Pricerang').val('500'); return changefilter($('#formFilterDesktop'));">{{trans('home.from-300-to-500')}}</a>
                                <a href="#" class="lgx-btn" onclick="$('#Pricerang').val('A500'); return changefilter($('#formFilterDesktop'));">{{trans('home.more-than-500')}}</a>
                                <input type="hidden" name="rang" value="" id="Pricerang" />
                            </div>

                        </div>


                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="sidebarReservation" class="bg-white position-fixed overflow-hidden h-100 justify-content-center" style="display:none; width:450px; top:0px; z-index: 9999; left: 0; right: inherit; position: fixed; background: #FFF; height: 100%;"></div>
<div id="sidebarReservationFilter" class="bg-white position-fixed overflow-hidden h-100 justify-content-center" style="display:none; width:450px; top:0px; z-index: 9999; left: 0; right: inherit; position: fixed; background: #FFF; height: 100%;">
    <a class="mr-3 mt-3 text-secondary" href="#" onclick="return closeSideBarFilter();">
        <h3><i class="fas fa-times-circle"></i></h3>
    </a>
    <div class="card">
        <div class="card-header">{{trans('home.classification')}}</div>
        <div class="card-body text-right">
            <form id="fromFilterMobile">
                @csrf
                <div class="input-group">
                    <select id="SortFilter" name="sort" onchange="return changefilter($('#fromFilterMobile'));" class="custom-select custom-select-lg mb-4 mt-4 shadow" style="font-size: 14px; height:40px;">
                        <option value=""> {{trans('home.arrange')}} </option>
                        <option value="p_low">{{trans('home.lowest-to-highest')}}</option>
                        <option value="p_hight">{{trans('home.highest-to-lowest')}}</option>
                        <option value="r"> {{trans('home.highest-rated')}} </option>
                    </select>
                </div>
                <div class="input-group">
                    <input class="form-control form-input shadow p-4 mb-4 bg-white rounded"
                           placeholder="@lang('home.search')"
                           type="text"
                           id="search_input"
                           name="word"
                           onkeyup="return changefilter($('#fromFilterMobile'));"
                           style="font-size: 14px; height:40px;"
                    >
                </div>
                <div class="input-group">
                    <select name="dept" id="SpecFilter" onchange="return changefilter($('#fromFilterMobile'));" class="custom-select custom-select-lg mb-4 shadow" style="font-size: 14px; height:40px;">
                        <option value="">{{trans('home.all-specialties')}} </option>
                        @foreach ($specialties as $item)
                            <option value="{{$item->id}}">{{ config('app.locale') == "ar" ? $item->title_ar : $item->title_en }}</option>
                        @endforeach
                    </select>
                </div>

                <h4 class="search_title">
                    <i class="fas fa-clock"></i>
                    {{trans('home.available-dates-and-duration')}}
                </h4>
                <div class="row form-check form-check-inline duration mt-1">
                    <div class="custom-control custom-checkbox">
                        <input type="checkbox" name="duration[]" onclick="changefilter($('#fromFilterMobile'));" class="custom-control-input" value="today" id="customCheck1">
                        <label class="custom-control-label" for="customCheck1"> {{trans('home.today')}} </label>
                    </div>
                    <div class="custom-control custom-checkbox mr-3">
                        <input type="checkbox" name="duration[]" onclick="changefilter($('#fromFilterMobile'));" class="custom-control-input" value="week" id="customCheck2">
                        <label class="custom-control-label" for="customCheck2"> {{trans('home.this-week')}} </label>
                    </div>
                </div>
                <div class="input-group mt-4 dynamic-align">
                    <label for="start_date" class="col-form-label w-100"> {{trans('home.Available-from-Choose-an-appointment')}} </label>
                    <input class="form-control form-input shadow p-4 mb-4 bg-white rounded datetimepicker dir-rtl"
                           placeholder="{{trans('home.choose-date')}}"
                           type="text"
                           id="from_date"
                           name="from_date"
                           onkeyup="return changefilter($('#fromFilterMobile'));"
                           style="font-size: 14px; height:40px;"
                    >
                </div>
                <div class="input-group dynamic-align">
                    <label for="start_date" class="col-form-label w-100 "> {{trans('home.Available-to-Choose-an-appointment')}} </label>
                    <input class="form-control form-input shadow p-4 mb-4 bg-white rounded datetimepicker dir-rtl"
                           placeholder="{{trans('home.choose-date')}}"
                           type="text"
                           id="to_date"
                           name="to_date"
                           onkeyup="return changefilter($('#fromFilterMobile'));"
                           style="font-size: 14px; height:40px;"
                    >
                </div>

                <div class="row form-check form-check-inline types dynamic-align">
                    <label class="col-form-label w-100 mx-4"> {{trans('home.duration')}} </label>
                    <div class="custom-control custom-checkbox mt-1">
                        <input type="checkbox" name="types[]" onclick="changefilter($('#fromFilterMobile'));" class="custom-control-input" value="30" id="customCheck3">
                        <label class="custom-control-label" for="customCheck3"> {{trans('home.30minutes') }} </label>
                    </div>
                    <div class="custom-control custom-checkbox mt-1">
                        <input type="checkbox" name="types[]" onclick="changefilter($('#fromFilterMobile'));" class="custom-control-input" value="60" id="customCheck4">
                        <label class="custom-control-label" for="customCheck4"> {{trans('home.60minutes') }}</label>
                    </div>
                </div>

                <div class="dynamic-align">
                    <h4 class="search_title mt-4">
                        <i class="fas fa-venus-mars"></i>
                        {{trans('home.gender')}}
                    </h4>
                    <div class="row form-check form-check-inline gender">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" name="gender[]" value="male" onclick="changefilter($('#fromFilterMobile'));" class="custom-control-input" id="customCheck5">
                            <label class="custom-control-label" for="customCheck5">{{ trans('home.male') }}</label>
                        </div>
                        <div class="custom-control custom-checkbox mr-3">
                            <input type="checkbox" name="gender[]" value="female" onclick="changefilter($('#fromFilterMobile'));" class="custom-control-input" id="customCheck6">
                            <label class="custom-control-label" for="customCheck6"> {{ trans('home.female')}} </label>
                        </div>
                    </div>
                </div>


                <div class="dynamic-align">
                    <h4 class="search_title mt-4">
                        <i class="fas fa-star"></i>
                        {{ trans('home.Evaluation')  }}
                    </h4>
                    <div class="row form-check form-check-inline mx-2">
                        <div class='rating'>
                            <span class="fa fa-star star1" onclick="setrate('5');" id="q6-5" value="1"></span>
                            <span class="fa fa-star star1" onclick="setrate('4');" id="q6-4" value="2"></span>
                            <span class="fa fa-star star1" onclick="setrate('3');" id="q6-3" value="3"></span>
                            <span class="fa fa-star star1" onclick="setrate('2');" id="q6-2" value="4"></span>
                            <span class="fa fa-star star1" onclick="setrate('1');" id="q6-1" value="5"></span>
                        </div>
                        <input type="hidden" name="rating" value="" id="RateFilter" />
                    </div>
                </div>


                <div class="dynamic-align">
                    <h4 class="search_title mt-4">
                        <i class="fas fa-globe-africa"></i>
                        {{trans('home.language')}}
                    </h4>
                    <div class="input-group">
                        <select id="LangFilter" name="lang" onchange="return changefilter($('#fromFilterMobile'));" class="custom-select custom-select-lg mb-4 shadow" style="font-size: 14px; height:40px;">
                            <option value=""> {{trans('home.choose-lang')}} </option>
                            @foreach ($languages as $item)
                                <option value="{{$item->id}}">{{ config('app.locale') == "ar" ?  $item->title_ar : $item->title_en }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="dynamic-align">
                    <h4 class="search_title mt-4">
                        <i class="fas fa-money-bill"></i>
                        {{ trans('home.session-cost') }}

                    </h4>

                    <div class="form-check">
                        <a href="#" class="lgx-btn" onclick="$('#Pricerang').val('150'); return changefilter($('#fromFilterMobile'));"> {{ trans('home.less-than-150') }} </a>
                        <a href="#" class="lgx-btn" onclick="$('#Pricerang').val('200'); return changefilter($('#fromFilterMobile'));">{{trans('home.from-150-to-200')}}</a>
                        <a href="#" class="lgx-btn" onclick="$('#Pricerang').val('300'); return changefilter($('#fromFilterMobile'));">{{trans('home.from-200-to-300')}}</a>
                        <a href="#" class="lgx-btn" onclick="$('#Pricerang').val('500'); return changefilter($('#fromFilterMobile'));">{{trans('home.from-300-to-500')}}</a>
                        <a href="#" class="lgx-btn" onclick="$('#Pricerang').val('A500'); return changefilter($('#fromFilterMobile'));">{{trans('home.more-than-500')}}</a>
                        <input type="hidden" name="rang" value="" id="Pricerang" />
                    </div>

                </div>


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

</div>
<div class="modal fade mr-3 mb-3" id="MyNotify" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="right: 20px; left: inherit; bottom: 20px; top: inherit; width: 200px; height: 200px;">
    <div class="modal-dialog m-0">
        <div id="NotifyContent">
        </div>
    </div>
</div>
@if (session('status'))
    <script type="text/javascript">
        setTimeout(function() {
            alertflash('success','{{ session("status") }}');
        }, 1000);
    </script>
@endif

@if ($errors->any())
    @foreach ($errors->all() as $error)
        <script type="text/javascript">
            setTimeout(function() {
                alertflash('danger','{{ $error }}');
            }, 1000);
        </script>
    @endforeach
@endif


@endsection
@section('scriptSection')
    <script src="https://www.jqueryscript.net/demo/Date-Time-Picker-Bootstrap-4/build/js/bootstrap-datetimepicker.min.js"></script>
    <script>
        $(document).ready(function(){
            $('.datetimepicker').datetimepicker({
                //debug:true,
                format: 'YYYY-MM-DD',
                widgetPositioning:{
                    horizontal: 'left',
                    vertical: 'bottom'
                }
            });;
        });
    </script>
    <script type="text/javascript">

        $('#to_dateee').on('change', function(){
            if($('#to_dateee').val() <= $('#from_dateee').val())
            {
                alert('@lang("home.dateCheck")');
                $('#to_dateee').val('mm/dd/yyyy');
            }
            else if($('#from_dateee').val() == '')
            {
                 alert('@lang("home.dateFromCheck")');
                $('#to_dateee').val('mm/dd/yyyy');
            }
            else
            {
                return changefilter($('#formFilterDesktop'));
            }
        });




            var dtToday = new Date();

            var month = dtToday.getMonth() + 1;
            var day = dtToday.getDate();
            var year = dtToday.getFullYear();
            if(month < 10)
                month = '0' + month.toString();
            if(day < 10)
                day = '0' + day.toString();

            var maxDate = year + '-' + month + '-' + day;

            $('#to_dateee').attr('min', maxDate);
            $('#from_dateee').attr('min', maxDate);


    </script>
    <script type="text/javascript">
        setTimeout(function() {
            $('.datepicker').datepicker();
        }, 1000);
    </script>
@endsection