@extends('layouts.admin.app')
@section('css')
<link href="{{asset('css/filepond/filepond.css')}}" rel="stylesheet">
<link href="{{asset('css/filepond/filepond-plugin-image-preview.css')}}" rel="stylesheet">
<link href="{{asset('css/filepond/filepond-plugin-image-edit.css')}}" rel="stylesheet">
@endsection
@section('content')
<!-- BEGIN: Content-->
<div class="app-content 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">{{trans('admin.signal_heading')}} </h2>
                    <div class="breadcrumb-wrapper col-12">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{route('home')}}">{{ trans('common.home') }}</a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{route('recommender.show',$signal->user_id)}}">{{ trans('admin.recommender_details') }}</a></li>
                            <li class="breadcrumb-item active">{{ trans('admin.signal_details') }}
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
     <section id="multiple-column-form">
      <div class="row match-height">
        <div class="col-12">
          <div class="card">
            <div class="card-header">
              <h4 class="card-title">
              {{ trans('admin.signal_details')}}
              </h4>
              @can('recommender-list')
               <a href="{{route('recommender.show',$signal->user_id)}}" class="btn btn-success">
                <i class="fa fa-arrow-left"></i>
                    {{ trans('common.back') }}
                </a>
              @endcan
            </div>
            <div class="card-content">
              <div class="card-body">    
                <form method="POST"  action="" accept-charset="UTF-8" enctype="multipart/form-data" >
                  <input type="hidden" id="userid" name="userid" value="{{$signal->id}}">
                 <div class="form-body">
                  <div class="row">
                    <div class="col-md-6">
                     <div class="form-group">
                        <label for="currency name" class="content-label">{{trans('admin.name')}}</label>
                        <input type="text" class="form-control @error('name') ? is-invalid : ''  @enderror" minlength="2" maxlength="30" placeholder="{{trans('admin.name')}}" name="currency name" value="{{$signal->user->profile ? $signal->user->profile->name :'' }}" disabled>
                      </div>  
                    </div>
                  
                    <div class="col-md-6">
                     <div class="form-group">
                        <label for="currency name" class="content-label">{{trans('admin.currency_name')}}</label>
                        <input type="text" class="form-control @error('currency_name') ? is-invalid : ''  @enderror" minlength="2" maxlength="30" placeholder="{{trans('admin.name')}}" name="currency name" value="{{$signal->currency ? $signal->currency->name : ''}}" disabled>
                      </div>  
                    </div>
                  
                </div>
                  <div class="row">
                        <div class="col-md-6">
                     <div class="form-group">
                       <label for="signal wallet percentage" class="content-label">{{trans('admin.wallet_percentage')}}</label>
                        <input type="text" class="form-control @error('wallet_percentage') ? is-invalid : ''  @enderror" placeholder="{{trans('admin.wallet_percentage')}}" name="name" value="{{old('wallet_percentage') ? old('wallet_percentage') : $signal->wallet_percentage}}" disabled>
                      </div>  
                    </div>
                
                   <div class="col-md-6">
                     <div class="form-group">
                       <label for="signal risk factor" class="content-label">{{trans('admin.risk_factor')}}</label>
                        <input type="text" class="form-control @error('risk_factor') ? is-invalid : ''  @enderror" placeholder="{{trans('admin.risk_factor')}}" name="name" value="{{old('risk_factor') ? old('risk_factor') : $signal->risk_factor}}" disabled>
                      </div>  
                    </div>
                
                  </div>

                   <div class="row">
                    <div class="col-md-6">
                     <div class="form-group">
                       <label for="signal stop loss" class="content-label">{{trans('admin.stop_loss')}}</label>
                        <input type="text" class="form-control @error('stop_loss') ? is-invalid : ''  @enderror" placeholder="{{trans('admin.stop_loss')}}" name="stop_loss" value="{{old('stop_loss') ? old('stop_loss') : $signal->stop_loss}}" disabled>
                      </div>  
                    </div>
                   <div class="col-md-6">
                     <div class="form-group">
                       <label for="signal description" class="content-label">{{trans('admin.description')}}</label>
                        <input type="text" class="form-control @error('description') ? is-invalid : ''  @enderror" placeholder="{{trans('admin.description')}}" name="description" value="{{old('description') ? old('description') : $signal->description}}" disabled>
                      </div>  
                    </div>
                  
                 
                  </div>

                <div class="modal-footer">
                </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

      <div class="content-body">
      <!-- Zero configuration table -->
      <section id="basic-datatable">
        <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-header">
                <h4 class="card-title">{{ trans('admin.signal_target_list') }}</h4>
              </div>
              <div class="card-content">
                <div class="card-body card-dashboard">
                  <div class="table-responsive">
                    <table class="table zero-configuration data_table_ajax" id="data_table_scenario">
                      <input type="hidden" name="signal_id" id="signal_id" value="{{$signal->id}}">
                      <thead>
                        <tr>
                          <th>{{trans('admin.id')}}</th>
                          <th>{{trans('admin.target_type')}}</th>
                          <th>{{trans('admin.price')}}</th>
                          <th>{{trans('admin.to_price')}}</th>
                            @if(auth()->user()->can('recommender-edit') || auth()->user()->can('recommender-delete') || auth()->user()->can('recommender-list')  )
                          <th>{{trans('admin.action')}}</th>
                          @endif
                        </tr>
                        </tr>
                      </thead>
                      <tbody>
                      </tbody>
                      <tfoot>
                        <tr>
                          <th>{{trans('admin.id')}}</th>
                          <th>{{trans('admin.target_type')}}</th>
                          <th>{{trans('admin.price')}}</th>
                          <th>{{trans('admin.to_price')}}</th>
                          @if(auth()->user()->can('recommender-edit') || auth()->user()->can('recommender-delete') || auth()->user()->can('recommender-list')  )
                          <th>{{trans('admin.action')}}</th>
                          @endif
                        </tr>
                        </tr>
                      </tfoot>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!--/ Zero configuration table -->
 
  </div>
</div>




</div>
@endsection
@section('js')
<script src="{{asset('js/filepond/filepond.min.js')}}"></script>
<!-- include FilePond plugins -->
<script src="{{asset('js/filepond/filepond-plugin-image-preview.min.js')}}"></script>
<script src="{{asset('js/filepond/filepond-plugin-file-validate-type.js')}}"></script>
<script src="{{asset('js/filepond/filepond-plugin-image-crop.js')}}"></script>
<script src="{{asset('js/filepond/filepond-plugin-image-resize.js')}}"></script>
<script src="{{asset('js/filepond/filepond-plugin-image-validate-size.js')}}"></script>
<script src="{{asset('js/filepond/filepond-plugin-image-transform.js')}}"></script>
<script src="{{asset('js/filepond/filepond-plugin-image-edit.js')}}"></script>
<script src="{{asset('js/filepond/ar_locale.js')}}"></script>
<script src="{{asset('js/filepond/filepond.jquery.js')}}"></script>


<script type="text/javascript">
 $(document).ready(function(){
    var signal_id = $("#signal_id").val();
   $('.data_table_ajax').DataTable({
      serverSide: true,
      serverMethod:'POST',
      processing: true,

       lengthMenu: [[10, 25, 50, 100], [10, 25, 50, 100]],
        pageLength: 10,
        language: {
              processing: '<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i><span class="sr-only">{{trans("common.loading")}}</span> ',
              emptyTable: "{{trans('admin.empty_signal_targets')}}",
              zeroRecords:"{{trans('admin.no_signal_targets')}}",
               url: lang_url,
            },
      ajax: {
          url: "{{route('dt_signal_target')}}",
          data: {"_token": "{{csrf_token()}}",'signal_id':signal_id},
      },
      columns: [
           { data: 'id'},
           { data: 'target_type',orderable:false},
           { data: 'price',orderable:false},
           { data: 'to_price',orderable:false},
            { 
            mRender : function(data, type, row) {
              return '<a class="btn" href="'+row["show"]+'"><i class="fa fa-eye"></i></a>';  
              }, orderable: false, searchable: false
          },  
        ]
   });

});
</script>

@endsection