@extends($templatePathAdmin.'layout')

@section('main')
@php
    $id = empty($id) ? 0 : $id;
@endphp
<div class="row">

  <div class="col-md-5">
    <div class="card">
      <div class="card-header">
        <h3 class="card-title">{!! $title_action !!}</h3>
        @if ($layout == 'edit')
        <div class="btn-group float-right" style="margin-right: 5px">
            <a href="{{ sc_route_admin('admin_custom_field.index') }}" class="btn  btn-flat btn-default" title="List"><i class="fa fa-list"></i><span class="hidden-xs"> {{ sc_language_render('admin.back_list') }}</span></a>
        </div>
      @endif
      </div>
      <!-- /.card-header -->
      <!-- form start -->
      <form action="{{ $url_action }}" method="post" accept-charset="UTF-8" class="form-horizontal" id="form-main">
        <div class="card-body">

          <div class="form-group row {{ $errors->has('name') ? ' text-red' : '' }}">
            <label for="name" class="col-sm-2 col-form-label">{{ sc_language_render('admin.custom_field.name') }}</label>
            <div class="col-sm-10 ">
              <div class="input-group mb-3">
                <div class="input-group-prepend">
                  <span class="input-group-text"><i class="fas fa-pencil-alt"></i></span>
                </div>
                <input type="text" id="name" name="name" value="{{ old('name', ($customField['name']??'')) }}" class="form-control name {{ $errors->has('name') ? ' is-invalid' : '' }}">
              </div>

              @if ($errors->has('name'))
              <span class="text-sm">
                <i class="fa fa-info-circle"></i> {{ $errors->first('name') }}
              </span>
              @endif

            </div>
          </div>

          <div class="form-group row {{ $errors->has('code') ? ' text-red' : '' }}">
            <label for="code" class="col-sm-2 col-form-label">{!! sc_language_render('admin.custom_field.code') !!}</label>
            <div class="col-sm-10 ">
              <div class="input-group mb-3">
                <div class="input-group-prepend">
                  <span class="input-group-text"><i class="fas fa-pencil-alt"></i></span>
                </div>
                <input type="text" id="code" name="code" value="{{ old('code', ($customField['code']??'')) }}" class="form-control code {{ $errors->has('code') ? ' is-invalid' : '' }}">
              </div>

              @if ($errors->has('code'))
              <span class="text-sm">
                <i class="fa fa-info-circle"></i> {{ $errors->first('code') }}
              </span>
              @endif

            </div>
          </div>


          <div class="form-group row {{ $errors->has('type') ? ' text-red' : '' }}">
            <label for="type" class="col-sm-2 col-form-label">{!! sc_language_render('admin.custom_field.type') !!}</label>
            <div class="col-sm-10 ">
              <div class="input-group mb-3">
                <select class="form-control input-sm" style="width: 100%;" name="type">
                @foreach ($fieldTypes as $key => $name)
                <option value="{{ $key }}" {{ (old('type', ($customField['type'] ?? '')) == $key) ? 'selected':'' }}>{{ $name }}
                </option>
                @endforeach
              </select> 
              </div>

              @if ($errors->has('type'))
              <span class="text-sm">
                <i class="fa fa-info-circle"></i> {{ $errors->first('type') }}
              </span>
              @endif

            </div>
          </div>


          <div class="form-group row {{ $errors->has('option') ? ' text-red' : '' }}">
            <label for="option" class="col-sm-2 col-form-label">{!! sc_language_render('admin.custom_field.option') !!}</label>
            <div class="col-sm-10 ">
              <div class="input-group mb-3">
                <select class="form-control input-sm" style="width: 100%;" name="option">
                @foreach ($selectTypes as $key => $name)
                <option value="{{ $key }}" {{ (old('option', ($customField['option'] ?? '')) == $key) ? 'selected':'' }}>{{ $name }}
                </option>
                @endforeach
              </select> 
              </div>

              @if ($errors->has('option'))
              <span class="text-sm">
                <i class="fa fa-info-circle"></i> {{ $errors->first('option') }}
              </span>
              @endif

            </div>
          </div>

          <div class="form-group row {{ $errors->has('default') ? ' text-red' : '' }}">
            <label for="default" class="col-sm-2 col-form-label">{!! sc_language_render('admin.custom_field.default') !!}</label>
            <div class="col-sm-10 ">
              <div class="input-group mb-3">
                <div class="input-group-prepend">
                  <span class="input-group-text"><i class="fas fa-pencil-alt"></i></span>
                </div>
                <input type="text" id="default" name="default" value="{{ old('default', ($customField['default']??'')) }}" class="form-control default {{ $errors->has('default') ? ' is-invalid' : '' }}">
              </div>

              @if ($errors->has('default'))
              <span class="text-sm">
                <i class="fa fa-info-circle"></i> {{ $errors->first('default') }}
              </span>
              @else
              <span class="text-sm">
                <i class="fa fa-info-circle"></i> {!! sc_language_render('admin.custom_field.default_help') !!}
              </span>
              @endif

            </div>
          </div>

          <div class="form-group row {{ $errors->has('required') ? ' text-red' : '' }}">
            <label for="required" class="col-sm-2 col-form-label">{!! sc_language_render('admin.custom_field.required') !!}</label>
            <div class="col-sm-10 ">
              <div class="input-group mb-3">
                <input class="checkbox" type="checkbox" id="required" name="required"
                    class="form-control input {{ $errors->has('required') ? ' is-invalid' : '' }}" placeholder="" {!!
                      old('required',(empty($customField['required'])?0:1))?'checked':''!!}/>
              </div>

              @if ($errors->has('required'))
              <span class="text-sm">
                <i class="fa fa-info-circle"></i> {{ $errors->first('required') }}
              </span>
              @endif

            </div>
          </div>


          <div class="form-group row {{ $errors->has('status') ? ' text-red' : '' }}">
            <label for="status" class="col-sm-2 col-form-label">{!! sc_language_render('admin.custom_field.status') !!}</label>
            <div class="col-sm-10 ">
              <div class="input-group mb-3">
                <input class="checkbox" type="checkbox" id="status" name="status"
                    class="form-control input {{ $errors->has('status') ? ' is-invalid' : '' }}" placeholder="" {!!
                      old('status',(empty($customField['status'])?0:1))?'checked':''!!}/>
              </div>

              @if ($errors->has('status'))
              <span class="text-sm">
                <i class="fa fa-info-circle"></i> {{ $errors->first('status') }}
              </span>
              @endif

            </div>
          </div>

        </div>
        <!-- /.card-body -->
        @csrf
        <div class="card-footer">
          <button type="reset" class="btn btn-warning">{{ sc_language_render('action.reset') }}</button>
          <button type="submit" class="btn btn-primary float-right">{{ sc_language_render('action.submit') }}</button>
        </div>
        <!-- /.card-footer -->
      </form>
    </div>
  </div>


  <div class="col-md-7">

    <div class="card">
      <div class="card-header">
        <h3 class="card-title"><i class="fas fa-th-list"></i> {!! $title ?? '' !!}</h3>
      </div>

      <div class="card-body p-0">
            <section id="pjax-container" class="table-list">
              <div class="table-responsive">
                 <table class="table table-hover box-body text-wrap table-bordered">
                    <thead>
                       <tr>
                        @if (!empty($removeList))
                        <th></th>
                        @endif
                        @foreach ($listTh as $key => $th)
                            <th>{!! $th !!}</th>
                        @endforeach
                       </tr>
                    </thead>
                    <tbody>
                        @foreach ($dataTr as $keyRow => $tr)
                            <tr class="{{ (request('id') == $keyRow) ? 'active': '' }}">
                                @if (!empty($removeList))
                                <td>
                                  <input class="checkbox" type="checkbox" class="grid-row-checkbox" data-id="{{ $keyRow }}">
                                </td>
                                @endif
                                @foreach ($tr as $key => $trtd)
                                    <td>{!! $trtd !!}</td>
                                @endforeach
                            </tr>
                        @endforeach
                    </tbody>
                 </table>

                 <div class="block-pagination clearfix m-10">
                  <div class="ml-3 float-left">
                    {!! $resultItems??'' !!}
                  </div>
                  <div class="pagination pagination-sm mr-3 float-right">
                    {!! $pagination??'' !!}
                  </div>
                </div>


              </div>
             </section>
    </div>



    </div>
  </div>

</div>
</div>
@endsection


@push('styles')
{!! $css ?? '' !!}
@endpush

@push('scripts')
    {{-- //Pjax --}}
   <script src="{{ sc_file('admin/plugin/jquery.pjax.js')}}"></script>

  <script type="text/javascript">

    $('.grid-refresh').click(function(){
      $.pjax.reload({container:'#pjax-container'});
    });

      $(document).on('submit', '#button_search', function(event) {
        $.pjax.submit(event, '#pjax-container')
      })

    $(document).on('pjax:send', function() {
      $('#loading').show()
    })
    $(document).on('pjax:complete', function() {
      $('#loading').hide()
    })

    // tag a
    $(function(){
     $(document).pjax('a.page-link', '#pjax-container')
    })


    $(document).ready(function(){
    // does current browser support PJAX
      if ($.support.pjax) {
        $.pjax.defaults.timeout = 2000; // time in milliseconds
      }
    });

    @if ($buttonSort)
      $('#button_sort').click(function(event) {
        var url = '{{ $urlSort??'' }}?sort_shipping='+$('#shipping_sort option:selected').val();
        $.pjax({url: url, container: '#pjax-container'})
      });
    @endif

  </script>
    {{-- //End pjax --}}


<script type="text/javascript">
{{-- sweetalert2 --}}
var selectedRows = function () {
    var selected = [];
    $('.grid-row-checkbox:checked').each(function(){
        selected.push($(this).data('id'));
    });

    return selected;
}

$('.grid-trash').on('click', function() {
  var ids = selectedRows().join();
  deleteItem(ids);
});

  function deleteItem(ids){
  Swal.mixin({
    customClass: {
      confirmButton: 'btn btn-success',
      cancelButton: 'btn btn-danger'
    },
    buttonsStyling: true,
  }).fire({
    title: '{{ sc_language_render('action.delete_confirm') }}',
    text: "",
    type: 'warning',
    showCancelButton: true,
    confirmButtonText: '{{ sc_language_render('action.confirm_yes') }}',
    confirmButtonColor: "#DD6B55",
    cancelButtonText: '{{ sc_language_render('action.confirm_no') }}',
    reverseButtons: true,

    preConfirm: function() {
        return new Promise(function(resolve) {
            $.ajax({
                method: 'post',
                url: '{{ $urlDeleteItem ?? '' }}',
                data: {
                  ids:ids,
                    _token: '{{ csrf_token() }}',
                },
                success: function (data) {
                    if(data.error == 1){
                      alertMsg('error', data.msg, '{{ sc_language_render('action.warning') }}');
                      $.pjax.reload('#pjax-container');
                      return;
                    }else{
                      alertMsg('success', data.msg);
                      window.location.replace('{{ sc_route_admin('admin_custom_field.index') }}');
                    }

                }
            });
        });
    }

  }).then((result) => {
    if (result.value) {
      alertMsg('success', '{{ sc_language_render('action.delete_confirm_deleted_msg') }}', '{{ sc_language_render('action.delete_confirm_deleted') }}');
    } else if (
      // Read more about handling dismissals
      result.dismiss === Swal.DismissReason.cancel
    ) {
      // swalWithBootstrapButtons.fire(
      //   'Cancelled',
      //   'Your imaginary file is safe :)',
      //   'error'
      // )
    }
  })
}
{{--/ sweetalert2 --}}


</script>

{!! $js ?? '' !!}
@endpush