@extends('admin.layouts.container')

@section('content')
<div class="side-title">
    <h3>{{ $head ?? '' }}</h3>
</div>

<div class="border-item">
    <form class="form-row" method="post" action="{{ $action }}">
        @if($history ?? ''  && $history->id)
            @method('PUT')
        @endif
        @CSRF
        
        
           <div class="form-group col-lg-12">
                <label>{{ meta('user', getCurrentLocale()) ?? __('histories.user') }} </label>
               <select class="selectpicker form-control {{ $errors->has('user_id') ? 'is-invalid' : '' }}" data-show-subtext="true" data-live-search="true" name="user_id">
                   <option selected disabled >{{__('doctors.select')}}</option>
                    @foreach($users as $row)
                    <option  @if($history ?? ''  && $history->id) @if($history->user_id == $row->id) selected @endif @endif value="{{$row->id}}">{{$row->name}}</option>
                    @endforeach
               </select>
                </div>
                
         <div class="form-group col-lg-6">
            <label>{{ meta('date', getCurrentLocale()) ?? __('histories.date') }} </label>
            <input type="date" class="form-control {{ $errors->has('date') ? 'is-invalid' : '' }}" name="date" placeholder="{{ meta('date', getCurrentLocale()) ??__('histories.date') }}" value='{{ old("date", $history->date ?? "") }}' >
        </div>
      
       <div class="form-group col-lg-6">
            <label>{{ meta('weight', getCurrentLocale()) ?? __('histories.weight') }} </label>
            <input type="text" class="form-control {{ $errors->has('weight') ? 'is-invalid' : '' }}" name="weight" placeholder="{{ meta('weight', getCurrentLocale()) ??__('histories.weight') }}" value='{{ old("weight", $history->weight ?? "") }}' >
        </div>
      
       <div class="form-group col-lg-6">
            <label>{{ meta('fat', getCurrentLocale()) ?? __('histories.fat') }} </label>
            <input type="text" class="form-control {{ $errors->has('fat') ? 'is-invalid' : '' }}" name="fat" placeholder="{{ meta('fat', getCurrentLocale()) ??__('histories.fat') }}" value='{{ old("fat", $history->fat ?? "") }}' >
        </div>
       <div class="form-group col-lg-6">
            <label>{{ meta('muscle', getCurrentLocale()) ?? __('histories.muscle') }} </label>
            <input type="text" class="form-control {{ $errors->has('muscle') ? 'is-invalid' : '' }}" name="muscle" placeholder="{{ meta('muscle', getCurrentLocale()) ??__('histories.muscle') }}" value='{{ old("muscle", $history->muscle ?? "") }}' >
        </div>
       <div class="form-group col-lg-6">
            <label>{{ meta('liquid', getCurrentLocale()) ?? __('histories.liquid') }} </label>
            <input type="text" class="form-control {{ $errors->has('liquid') ? 'is-invalid' : '' }}" name="liquid" placeholder="{{ meta('liquid', getCurrentLocale()) ??__('histories.liquid') }}" value='{{ old("liquid", $history->liquid ?? "") }}' >
        </div>
       <div class="form-group col-lg-6">
            <label>{{ meta('bone', getCurrentLocale()) ?? __('histories.bone') }} </label>
            <input type="text" class="form-control {{ $errors->has('bone') ? 'is-invalid' : '' }}" name="bone" placeholder="{{ meta('bone', getCurrentLocale()) ??__('histories.bone') }}" value='{{ old("bone", $history->bone ?? "") }}' >
        </div>
      
       <div class="form-group col-lg-6">
            <label>{{ meta('trust', getCurrentLocale()) ?? __('histories.trust') }} </label>
            <input type="text" class="form-control {{ $errors->has('trust') ? 'is-invalid' : '' }}" name="trust" placeholder="{{ meta('trust', getCurrentLocale()) ??__('histories.trust') }}" value='{{ old("trust", $history->trust ?? "") }}' >
        </div>
       <div class="form-group col-lg-6">
            <label>{{ meta('sport', getCurrentLocale()) ?? __('histories.sport') }} </label>
            <input type="text" class="form-control {{ $errors->has('sport') ? 'is-invalid' : '' }}" name="sport" placeholder="{{ meta('sport', getCurrentLocale()) ??__('histories.sport') }}" value='{{ old("sport", $history->sport ?? "") }}' >
        </div>
       <div class="form-group col-lg-6">
            <label>{{ meta('recommend', getCurrentLocale()) ?? __('histories.recommend') }} </label>
            <input type="text" class="form-control {{ $errors->has('recommend') ? 'is-invalid' : '' }}" name="recommend" placeholder="{{ meta('recommend', getCurrentLocale()) ??__('histories.recommend') }}" value='{{ old("recommend", $history->recommend ?? "") }}' >
        </div>
       <div class="form-group col-lg-6">
            <label>{{ meta('complain', getCurrentLocale()) ?? __('histories.complain') }} </label>
            <input type="text" class="form-control {{ $errors->has('complain') ? 'is-invalid' : '' }}" name="complain" placeholder="{{ meta('complain', getCurrentLocale()) ??__('histories.complain') }}" value='{{ old("complain", $history->complain ?? "") }}' >
        </div>
         <div class="form-group col-lg-6">
            <label>{{ meta('system', getCurrentLocale()) ?? __('histories.system') }} </label>
            <input type="text" class="form-control {{ $errors->has('system') ? 'is-invalid' : '' }}" name="system" placeholder="{{ meta('system', getCurrentLocale()) ??__('histories.system') }}" value='{{ old("system", $history->system ?? "") }}' >
        </div>
         <div class="form-group col-lg-6">
            <label>{{ meta('note', getCurrentLocale()) ?? __('histories.note') }} </label>
            <textarea type="text" class="form-control {{ $errors->has('note') ? 'is-invalid' : '' }}" name="note" placeholder="{{ meta('note', getCurrentLocale()) ??__('histories.note') }}"  >{{ old("note", $history->note ?? "") }}</textarea>
        </div>
      
      
     <div class="row pricing-list-item border-item mb-4 col-lg-12" @if(!($history ?? ''  && $history->id))  style="display:none" @endif id="reads">
     @if($history ?? ''  && $history->id)
     @foreach($reads as $key=>$read)
     <div class="col-12">
                <div class="row pricing-list-item border-item mb-4" style="background-color: rgba(21,97,203,0.1);padding-bottom:60px;">
        
            <div class="form-group col-lg-5">
           <label>العضو </label>
           <select class="form-control" name="read[{{$key}}][device_id]">
                @foreach($devices as $keys=>$device)
               <option @if($device->id == $read->device_id) selected @endif value="{{$device->id}}">{{$device->name}}</option>
               @endforeach
               </select>
            </div>
            <div class="form-group col-lg-5">
           <label>القراءة </label>
           <input type="number" steps="2" class="form-control" name="read[{{$key}}][number]" placeholder="القراءة" value="{{$read->number}}">
            </div>
        <div class="form-group col-lg-2" style="font-size: 30px;margin-top:30px;" onclick="remove(this)"><i class="fas fa-times-circle"></i></div>
   
             </div>
             </div>
@endforeach
         @endif  
        </div>
            
           
<div class="col-lg-12">
       <a style="cursor: pointer;" @if(!($history ?? ''  && $history->id)) data-id="0" @else data-id="{{count($reads)}}" @endif onclick="addread(this)" class="btn_1 gray "><i class="fa fa-fw fa-plus-circle"></i>{{__("reads.add_read")}}</a>
                   
</div>

        <div class="text-center mt-5 col-12">
            <button class="butn"><span>{{ __('dashboard.save') }}</span></button>
        </div>
    </form>
</div>

@endsection

@section('inner_js')
<script>
    function addread(elem){
        $("#reads").css("display", "block");
        var num = $(elem).attr('data-id');
        
        var newrow = parseInt(num)+1; 
        $(elem).attr('data-id', newrow);
        
         $.ajax({
          url : urls+'/'+num,
          type : 'GET',
          data : 'nothing',
          dataType : 'json',
          success:function(data)
          {
            $('#reads').append(data);
          }
        })
    }
    function remove(elem){
       $(elem).closest('.row').remove();
    }
</script>
    <!-- Editor JS files -->
{{--    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>--}}
            <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            url = "{{url('/')}}/",
            url_answer = "{{url('/')}}/admin/answerdata",
            url_question = "{{url('/')}}/admin/questiondata",
            urls = "{{url('/')}}/admin/addread",
            imagePath = "{{asset('')}}";
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
@endsection