@extends('layout.app')
@section('title')
    {{ __('message.update_type_edit') }}
@stop

@section('content')


    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{ __('message.update_type_edit') }}</h2>
                    </div>
                </div>
            </div>
        </div>

        <div class="content-body">
            <!-- users edit start -->
            <section class="app-user-edit">
                <div class="card">
                    <div class="card-body">
                        <x-alert/>
                        {{-- form for store clients --}}
                        <form method="POST" action="{{route("update_type.update",$scheduleTypes->id)}}" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                {{-- client name --}}
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="name" class="form-label">{{ __('message.name') }}</label>
                                        <select class="form-control" name="name" id="basicSelect">
                                            <option @if($scheduleTypes->name == "everyMinute") selected @endif value="everyMinute">every Minute</option>
                                            <option @if($scheduleTypes->name == "everyTenMinutes") selected @endif value="everyTenMinutes">every Ten Minutes</option>
                                            <option @if($scheduleTypes->name == "hourly") selected @endif value="hourly">hourly</option>
                                            <option @if($scheduleTypes->name == "hourlyAt") selected @endif value="hourlyAt">hourly At</option>
                                            <option @if($scheduleTypes->name == "dailyAt") selected @endif value="dailyAt">daily At</option>
                                            <option @if($scheduleTypes->name == "weeklyOn") selected @endif value="weeklyOn">weekly On</option>
                                            <option @if($scheduleTypes->name == "monthlyOn") selected @endif value="monthlyOn">monthly On</option>

                                        </select>

                                    </div>
                                </div>
                                {{-- end client name --}}
                                {{-- client name --}}
                                <div class="col-lg-12 col-md-12 col-sm-12 hourlyAt">
                                    <div class="form-group">
                                        <label for="name" class="form-label">{{ __('message.hourlyAt') }}</label>
                                        <br>
                                        <code class="mt-1">{{__("message.hourlyAtDescription")}}</code>
                                        <input type="text" class="form-control" id="hourlyAt" name="hourlyAt"
                                                value="{{ old('hourlyAt',$scheduleTypes->time) }}"   autofocus>

                                    </div>
                                </div>
                                {{-- end client name --}}
                                {{-- client name --}}
                                <div class="col-lg-12 col-md-12 col-sm-12 dailyAt">
                                    <div class="form-group">
                                        <label for="name" class="form-label">{{ __('message.dailyAt') }}</label>
                                        <br>
                                        <code class="mt-1">{{__("message.dailyAtDescription")}}</code>
                                        <input type="text" class="form-control" id="dailyAt" name="dailyAt"
                                               value="{{ old('dailyAt',$scheduleTypes->time) }}"  autofocus>

                                    </div>
                                </div>
                                {{-- end client name --}}

                                {{-- client name --}}
                                <div class="col-lg-6 col-md-12 col-sm-12 weeklyOnDay">
                                    <div class="form-group">
                                        <label for="name" class="form-label">{{ __('message.weeklyOnDay') }}</label>
                                        <select class="form-control" name="weeklyOnDay" id="weeklyOnDay">
                                            <option value=""></option>
                                            @for($i=1;$i<8;$i++)
                                                <option @if($scheduleTypes->day == $i) selected @endif value="{{$i}}">{{$i}}</option>
                                            @endfor
                                        </select>

                                    </div>
                                </div>
                                {{-- end client name --}}
                                {{-- client name --}}
                                <div class="col-lg-6 col-md-12 col-sm-12 weeklyOnTime">
                                    <div class="form-group">
                                        <label for="name" class="form-label">{{ __('message.weeklyOnTime') }}</label>
                                        <code class="mt-1">{{__("message.dailyAtDescription")}}</code>
                                        <input type="text" class="form-control" id="weeklyOnTime" name="weeklyOnTime"
                                               value="{{ old('weeklyOnTime',$scheduleTypes->time) }}"  autofocus>

                                    </div>
                                </div>
                                {{-- end client name --}}


                                {{-- client name --}}
                                <div class="col-lg-6 col-md-12 col-sm-12 monthlyOnDay">
                                    <div class="form-group">
                                        <label for="name" class="form-label">{{ __('message.monthlyOnDay') }}</label>
                                        <select class="form-control" name="monthlyOnDay" id="monthlyOnDay">
                                            <option value=""></option>
                                            @for($i=1;$i<8;$i++)
                                                <option @if($scheduleTypes->day == $i) selected @endif value="{{$i}}">{{$i}}</option>
                                            @endfor
                                        </select>

                                    </div>
                                </div>
                                {{-- end client name --}}
                                {{-- client name --}}
                                <div class="col-lg-6 col-md-12 col-sm-12 monthlyOnTime">
                                    <div class="form-group">
                                        <label for="name" class="form-label">{{ __('message.monthlyOnTime') }}</label>
                                        <code class="mt-1">{{__("message.dailyAtDescription")}}</code>
                                        <input type="text" class="form-control" id="monthlyOnTime" name="monthlyOnTime"
                                               value="{{ old('monthlyOnTime',$scheduleTypes->time) }}"  autofocus>

                                    </div>
                                </div>
                                {{-- end client name --}}

                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="name" class="form-label">{{ __('message.display') }}</label>
                                        <input type="text" class="form-control" value="{{$scheduleTypes->display}}" id="display" name="display"
                                               autofocus>

                                    </div>
                                </div>
                                {{-- end client name --}}
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <button type="submit" class="btn btn-primary">{{ __('message.create') }}</button>
                                    <button type="reset" class="btn btn-light">{{ __('message.cancel') }}</button>
                                </div>
                            </div>
                        </form>
                        {{-- end form --}}

                    </div>
                </div>
            </section>
            <!-- users edit ends -->

        </div>
    </div>
@endsection
@section("js")
    <script>

        if($("#basicSelect").val() == "hourlyAt"){
            $(".hourlyAt").show();

        } else{
            $(".hourlyAt").hide();



        }
        if($("#basicSelect").val() == "dailyAt"){
            $(".dailyAt").show();
        }
        else{
            $(".dailyAt").hide();
        }

        if($("#basicSelect").val() == "weeklyOn"){
            $(".weeklyOnDay").show();
            $(".weeklyOnTime").show();
        }
        else{
            $(".weeklyOnDay").hide();
            $(".weeklyOnTime").hide();

        }

        if($("#basicSelect").val() == "monthlyOn"){
            $(".monthlyOnDay").show();
            $(".monthlyOnTime").show();
        }
        else{
            $(".monthlyOnDay").hide();
            $(".monthlyOnTime").hide();

        }

        $("#basicSelect").change(function(){

            if($(this).val() == "hourlyAt"){
                $(".hourlyAt").show();

            } else{
                $(".hourlyAt").hide();



            }
            if($(this).val() == "dailyAt"){
                $(".dailyAt").show();
            }
            else{
                $(".dailyAt").hide();
            }

            if($(this).val() == "weeklyOn"){
                $(".weeklyOnDay").show();
                $(".weeklyOnTime").show();
            }
            else{
                $(".weeklyOnDay").hide();
                $(".weeklyOnTime").hide();

            }

            if($(this).val() == "monthlyOn"){
                $(".monthlyOnDay").show();
                $(".monthlyOnTime").show();
            }
            else{
                $(".monthlyOnDay").hide();
                $(".monthlyOnTime").hide();

            }



        });
        $("#basicSelect").change(function(){
            if($(this).val() == "everyMinute") {
                $("#display").val("Run the task every minute " );
            }
            if($(this).val() == "everyTenMinutes") {
                $("#display").val("\tRun the task every ten minutes" );
            }
        });

        $("#hourlyAt").change(function(){
            let hourly =  $("#hourlyAt").val();
            $("#display").val("Run the task every hour at "+ hourly+" minutes past the hour")  ;
        });
        $("#dailyAt").change(function(){
            let daily =  $("#dailyAt").val();
            $("#display").val("Run the task every day at "+ daily)  ;
        });
        $("#weeklyOnDay").change(function(){

            $("#weeklyOnTime").change(function(){
                let weeklyOnDay =  $("#weeklyOnDay").val();
                let weeklyOnTime =  $("#weeklyOnTime").val();
                $("#display").val("Run the task every week on "+weeklyOnDay+" at "+ weeklyOnTime );
            });
            let weeklyOnDay =  $("#weeklyOnDay").val();
            let weeklyOnTime =  $("#weeklyOnTime").val();
            $("#display").val("Run the task every week on "+weeklyOnDay+" at "+ weeklyOnTime );

        });
        $("#monthlyOnDay").change(function(){
            $("#monthlyOnTime").change(function(){
                let monthlyOnDay =  $("#monthlyOnDay").val();
                let monthlyOnTime =  $("#monthlyOnTime").val();
                $("#display").val("Run the task every month on the "+monthlyOnDay+"th at "+monthlyOnTime);
            });
            let monthlyOnDay =  $("#monthlyOnDay").val();
            let monthlyOnTime =  $("#monthlyOnTime").val();
            $("#display").val("Run the task every month on the "+monthlyOnDay+"th at "+monthlyOnTime);
        });


    </script>
@stop