@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-6">
            <label>{{ meta('date', getCurrentLocale()) ?? __('histories.date') }} </label>
            <input type="date" class="form-control {{ $errors->has('date') ? 'is-invalid' : '' }}" name="date" value="{{$history->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"value="{{$history->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" value="{{$history->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" value="{{$history->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" value="{{$history->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" value="{{$history->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" value="{{$history->trust}}" placeholder="{{ meta('trust', getCurrentLocale()) ??__('histories.trust') }}" value='{{ old("trust", $history->trust ?? "") }}' >
        </div>
        <div class="form-group col-lg-6">
            <label>{{ meta('sugar', getCurrentLocale()) ?? __('histories.sugar') }} </label>
            <input type="text" class="form-control {{ $errors->has('sugar') ? 'is-invalid' : '' }}" name="sugar" value="{{$history->sugar}}" placeholder="{{ meta('sugar', getCurrentLocale()) ??__('histories.sugar') }}" value='{{ old("sugar", $history->sugar ?? "") }}' >
        </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" value="{{$history->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" value="{{$history->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" value="{{$history->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" value="{{$history->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') }}"  >{{ $history->note }}</textarea>
        </div>
      
       <div class="col-lg-12">
     <div class="col-lg-12" id="reads15">
    @foreach(historyreads($history->id) as $his=>$read)
    <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>{{ __('reads.device')}} </label>
           <select class="form-control" name="read[{{$his}}][device_id]">
               @foreach($devices as $device)
               <option @if($read->device_id == $device->id) selected @endif value="{{$device->id}}">{{$device->name}}</option>
               @endforeach
               </select>
            </div>
            <div class="form-group col-lg-5">
           <label>{{ __('reads.number')}} </label>
           <input type="number" steps="2" class="form-control" name="read[{{$his}}][number]" value="{{$read->number}}" placeholder="'. __('reads.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>
            
        @endforeach
        </div>
            </div>
           
<div class="col-lg-12">
       <a style="cursor: pointer;" history-id="15" @if(!($history ?? ''  && $history->id)) data-id="0" @else data-id="{{count(historyreads($history->id))}}" @endif onclick="addread(this)" class="btn_1 gray "><i class="fa fa-fw fa-plus-circle"></i>اضافة قراءة عضو</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 his = $(elem).attr('history-id');
        
        var newrow = parseInt(num)+1; 
        $(elem).attr('data-id', newrow);
        
         $.ajax({
          url : urls+'/'+num+','+his,
          type : 'GET',
          data : 'nothing',
          dataType : 'json',
          success:function(data)
          {
            $('#reads'+his).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('/')}}/",
            urls = "{{url('/')}}/admin/addreadnew",
            imagePath = "{{asset('')}}";
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
@endsection