@extends('dashboard.layouts.index')
@section('page_title')
    @lang('global.request_type')
@stop


@section('breadcrumb')
    <div class="breadcrumb-item">
        <a href="{{route("dashboard.reason.index")}}"> @lang('global.request_type')</a>
    </div>
    <div class="breadcrumb-item">
        @lang('global.addcovenant')
    </div>
@stop
@section('content')
        <form class="form" id="form" enctype="multipart/form-data" action="{{route("dashboard.reason.update",$model->id)}}"novalidate method="POST">
            @csrf
            <div class="row">
                <div class="col-sm-12 col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h4>@lang("global.covenantinformation")</h4>
                        </div>
                        <div class="card-body">
                            @component('dashboard.components.edit_text2' , [
                                "name" => "reason",
                                "type" => "text",
                                "title" => __("global.reason"),
                                "value"=>$model->reason
                            ])
                            @endcomponent

                            <div class="form-group row mb-4">
                                <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">@lang("global.type")</label>
                                <div class="col-sm-12 col-md-7">
                                    <div class="selectgroup w-100">
                                        <select name="type" class="form-control" onclick="showinput()" id="selectetype" aria-label=".form-select-sm example">
                                            {{-- <option selected>Open this select menu</option> --}}
                                            <option value="{{ App\Models\Reason\Reason::TYPE_LETTER }}"@if ($model->type == "letter") {{ 'selected' }} @endif>{{ App\Models\Reason\Reason::TYPE_LETTER }}</option>
                                            <option value="{{ App\Models\Reason\Reason::TYPE_EXCUSE }}"@if ($model->type == "exuse") {{ 'selected' }} @endif>{{ App\Models\Reason\Reason::TYPE_EXCUSE }}</option>
                                            <option value="{{ App\Models\Reason\Reason::TYPE_LOAN }}"@if ($model->type == "loan") {{ 'selected' }} @endif>{{ App\Models\Reason\Reason::TYPE_LOAN }}</option>
                                            <option value="{{ App\Models\Reason\Reason::TYPE_RESIGNATION }}"@if ($model->type == "registerion") {{ 'selected' }} @endif>{{ App\Models\Reason\Reason::TYPE_RESIGNATION }}</option>
                                            <option value="{{ App\Models\Reason\Reason::TYPE_VACATION }}"@if ($model->type == "vacation") {{ 'selected' }} @endif>{{ App\Models\Reason\Reason::TYPE_VACATION }}</option>
                                            <option value="{{ App\Models\Reason\Reason::TYPE_ASSET }}"@if ($model->type == "asset") {{ 'selected' }} @endif>{{ App\Models\Reason\Reason::TYPE_ASSET }}</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group row mb-4 d-none" id="annualvacation">
                                <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">@lang("global.annualvacations")</label>
                                <div class="col-sm-12 col-md-7">
                                    <input type="text" class="form-control  @error('name') is-invalid @enderror" name="annualvacation" value="{{ $model->annualvacation ? $model->annualvacation:0 }}">
                                    @error('name')
                                    <div class="invalid-feedback">
                                        <strong>{{ $message }}</strong>
                                    </div>
                                    @enderror
                                </div>
                            </div>


                            <div class="form-group row mb-4 d-none" id="annualvacations5years">
                                <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">@lang("global.annualvacationsafter5year")</label>
                                <div class="col-sm-12 col-md-7">
                                    <input type="text" class="form-control  @error('name') is-invalid @enderror" name="annualvacationsyears" value="{{ $model->annualvacationsyears ? $model->annualvacationsyears:0}}">
                                    @error('name')
                                    <div class="invalid-feedback">
                                        <strong>{{ $message }}</strong>
                                    </div>
                                    @enderror
                                </div>
                            </div>


                            <div class="form-group row mb-4 d-none" id="discountnumber">
                                <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">@lang("global.discountnumber")</label>
                                <div class="col-sm-12 col-md-7">
                                    <input type="text" class="form-control  @error('name') is-invalid @enderror" name="discountnumber" value="{{ $model->discountnumber ? $model->discountnumber:0 }}">
                                    @error('name')
                                    <div class="invalid-feedback">
                                        <strong>{{ $message }}</strong>
                                    </div>
                                    @enderror
                                </div>
                            </div>


                            <div class="form-group row mb-4">
                                <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">@lang("global.status")</label>
                                <div class="col-sm-12 col-md-7">
                                    <div class="selectgroup w-100">
                                        <label class="selectgroup-item">
                                            <input type="radio" name="status" value="1"class="selectgroup-input"
                                            @if($model->status == 1)checked="" @endif>
                                            <span class="selectgroup-button">@lang('global.active')</span>
                                        </label>
                                        <label class="selectgroup-item">
                                            <input type="radio" name="status" value="0"class="selectgroup-input"
                                            @if($model->status== 0)checked="" @endif>
                                            <span class="selectgroup-button">@lang('global.not_active')</span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                        <div class="card-footer text-right">
                            <button class="btn btn-primary">@lang("global.save")</button>
                        </div>

                    </div>
                </div>
            </div>
        </form>
@stop

@push('js')
<script>
    function showinput(){
     var firstP = document.getElementById('selectetype').value;
            if (firstP === "vacation") {
                $('#annualvacation').removeClass('d-none');
                $('#annualvacations5years').removeClass('d-none');
                $('#discountnumber').removeClass('d-none');
            } else{
                $('#annualvacation').addClass('d-none');
                $('#annualvacations5years').addClass('d-none');
                $('#discountnumber').addClass('d-none');
                // $('#inset').addClass('d-none');
            }
        }
  </script>
@endpush