{{-- PAGE LAYOUNT SECTION ADD --}}
@extends('layouts.adminapp')

{{-- ADD PAGE TITLE --}}
@section('title') {{__('lng.MemberHealth')}} - {{ __('lng.Create') }}  @endsection

{{-- ADD CONTENT IN LAYOUT PAGE --}}
@section('content')

{{-- Create New Differently Abled Tag --}}
<!-- Page Header -->
<!-- End Page Header --> 



<!-- Flash message -->
<x-app-flash/>
<!-- End Flash message -->

<!-- Include Member Model -->
<x-members-modal>
</x-members-modal>
<!-- End Include Member Model -->


<form method="POST" action="{{route('MemberHealth.store')}}" enctype='multipart/form-data'>
    <div class="card mb-4">
        <div class="card-header py-2">        
            <div class="py-2  ">
                <h6 class="m-0 font-weight-bold text-primary">{{__('lng.CreateMemberHealth')}}</h6>
            </div> 
        </div>
        <div class="card-body">
            <div class="row">
            @csrf
            <div class="col-sm-6 form-group">
                <label for="cbHead">{{__('lng.HealthIssue')}}</label>
                <select class="form-control select2-with-search @error('health_id') is-invalid @enderror" id="cbHead" name="health_id" >
                    @php
                        echo App\Http\Controllers\HealthIssueController::HealthIssueListForCombo(0);
                    @endphp
                </select>
                @error('health_id')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-sm-6 form-group" id="MemberDiv">
                <label for="txtTitle">{{__('lng.Member')}}</label>
                <div class="input-group mb-3">
                    <input type="hidden" name="member_id" id="MemberID">
                    <input type="text" name="member_name" id="txtMember" class="form-control @error('member_id') is-invalid @enderror" placeholder="{{__('lng.SelectMember')}}" disabled="" aria-label="Select Member" aria-describedby="basic-addon2" value="">
                      <div class="input-group-append">
                          <button class="btn btn-primary" type="button" onclick="ChooseMemeber()">{{__('lng.Choose')}}</button>
                      </div>
                      @error('member_id')
                          <div class="invalid-feedback">{{ $message }}</div>
                      @enderror
                </div>
            </div>
            <div class="col-sm-6 form-group">
                <label for="txtTitle">{{ __('lng.Percentage') }} %</label>
                <input type="number" value="{{ old('percentage') }}" class="form-control @error('percentage') is-invalid @enderror" name="percentage" id="txtTitle"
                     />
                @error('percentage')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-sm-4 form-check">
                <div class="form-check mt-4">
                    <label class="ckbox"><input  onclick="NeedHelp(this.checked)" type="checkbox" name="need_help" id="IsHelp" {{ old('need_help')? ' checked' : '' }}> <span>{{__('lng.NeedPublicHelp')}}</span></label>
              </div>
            </div>
            <div class="col-sm-2 form-check">
                <div class="form-check mt-4">
                    <label class="ckbox"><input type="checkbox"  onclick="CompletedDate(this.checked)"  name="is_completed" id="IsCompleted" {{ old('is_completed')? ' checked' : '' }}> <span>{{__('lng.Completed')}}</span></label>
              </div>
            </div>
            <div class="col-sm-6 form-group" style="display: none" id="NeedHelp">
                <label for="txtTitle">{{ __('lng.help') }}</label>
                <input type="text" value="{{ old('help') }}" class="form-control @error('help') is-invalid @enderror" name="help" id="txtNeedHelp"
                     />
                @error('help')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-sm-6 form-group" style="display: none" id="CompletedDate">
                <label for="txtTitle">{{ __('lng.CompletedDate') }}</label>
                <input type="date" value="{{old('completed_date')}}" class="form-control @error('completed_date') is-invalid @enderror" name="completed_date" id="txtCompletedDate"
                     />
                @error('completed_date')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-sm-12 form-group">
                <label for="txtTitle">{{ __('lng.HospitalAddress') }}</label>
                <input type="text" value="{{ old('hospital_address') }}" class="form-control @error('hospital_address') is-invalid @enderror" name="hospital_address" id="txtTitle"
                     />
                @error('hospital_address')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            {{-- <div class="col-sm-12 form-group">
                <label for="txtName">{{ __('lng.Narration') }}</label>
                <input type="text" value="{{ old('narration') }}" class="form-control" name="narration" id="txtNarration" />
            </div> --}}
        
        </div>
        </div>
        <div class="card-footer">
            <div class="d-flex  justify-content-start p-2" style="width:50%;float:left;">
                <a class="btn btn-primary btn-icon-split" href="{{route('MemberHealth.index')}}">
                    <span class="icon text-white-50">
                        <i class="fas fa-arrow-left"></i>
                    </span>
                    <span class="text">{{__('lng.Back')}}</span>
                </a>
            </div>
            <div class="d-flex  justify-content-end p-2 btn-list">
                <button type="reset" class="btn btn-dark btn-icon-split mr-2" name="btnSave">
                    <span class="icon text-white-50">
                        <i class="fas fa-trash"></i>
                    </span>
                    <span class="text">{{__('lng.Clear')}}</span>
                </button>
                <button type="submit" class="btn btn-success btn-icon-split">
                    <span class="icon text-white-50">
                        <i class="fas fa-check"></i>
                    </span>
                    <span class="text">{{__('lng.Save')}}</span>
                </button>
            </div>
        </div>
    </div>
</div>
</form>

<script>

NeedHelp(document.getElementById('IsHelp').checked);
CompletedDate(document.getElementById('IsCompleted').checked);
function NeedHelp(Value) {
        if(Value == true){
        document.getElementById('NeedHelp').style.display ="block";
        }else{
        document.getElementById('NeedHelp').style.display ="none";
        document.getElementById('txtNeedHelp').value ="";
        }
    }

function CompletedDate(Value) {
        if(Value == true){
        document.getElementById('CompletedDate').style.display ="block";
        }
        else{
        document.getElementById('CompletedDate').style.display ="none";
        document.getElementById('txtCompletedDate').value ="";
        }
    }

</script>

@endsection