@props([ 'formRoute', 'user', 'roles', 'formType' => 'edit', ])

<script type="text/javascript">
  $(function() {

  $("input[type='radio']").attr('disabled',true);
  const div = document.querySelector('.user-permission > .position-relative')
  const options = {
    attributes: true
  }

  function callback(mutationList, observer) {
    mutationList.forEach(function(mutation) {
      if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
        // handle class change
        if($(".user-permission >.position-relative").hasClass('editing')){
          $("input[type='radio']").attr('disabled',false);
        }else{
          $("input[type='radio']").attr('disabled',true);
        }
      }
    })
  }

const observer = new MutationObserver(callback)
observer.observe(div, options)


  $("input[name='china_both_permission']").change(function(){
    if($(this).val() == 1){
      $( "input[name^='china']" ).filter('[value=1]').prop('checked', true);
    }else{
      $( "input[name^='china']" ).filter('[value=0]').prop('checked', true);
    }
  });


    $("input[name='hong_kong_both_permission']").change(function(){
      if($(this).val() == 1){
        $( "input[name^='hong']" ).filter('[value=1]').prop('checked', true);
      }else{
        $( "input[name^='hong']" ).filter('[value=0]').prop('checked', true);
      }
    });

    $("input[name='hong_kong_both_permission']").change(function(){
      if($(this).val() == 1){
        $( "input[name^='hong']" ).filter('[value=1]').prop('checked', true);
      }else{
        $( "input[name^='hong']" ).filter('[value=0]').prop('checked', true);
      }
    });

    $("input[name='japan_both_permission']").change(function(){
      if($(this).val() == 1){
        $( "input[name^='japan']" ).filter('[value=1]').prop('checked', true);
      }else{
        $( "input[name^='japan']" ).filter('[value=0]').prop('checked', true);
      }
    });

    $("input[name='korea_both_permission']").change(function(){
      if($(this).val() == 1){
        $( "input[name^='korea']" ).filter('[value=1]').prop('checked', true);
      }else{
        $( "input[name^='korea']" ).filter('[value=0]').prop('checked', true);
      }
    });

    $("input[name='usa_both_permission']").change(function(){
      if($(this).val() == 1){
        $( "input[name^='usa']" ).filter('[value=1]').prop('checked', true);
      }else{
        $( "input[name^='usa']" ).filter('[value=0]').prop('checked', true);
      }
    });

    $("input[name='analysts_permission']").change(function(){
      if($(this).val() == 1){
        $( "input[name^='analysts']" ).filter('[value=1]').prop('checked', true);
      }else{
        $( "input[name^='analysts']" ).filter('[value=0]').prop('checked', true);
      }
    });

    $("input[name='analysts_import_detail_permission']").change(function(){
      if($(this).val() == 1){
        $( "input[name^='analysts_import_detail']" ).filter('[value=1]').prop('checked', true);
      }else{
        $( "input[name^='analysts_import_detail']" ).filter('[value=0]').prop('checked', true);
      }
    });


});
</script>

<style>

/* .permission-row{
  margin: unset;
  flex-wrap: nowrap;
} */
</style>
<x-card.editable form_id="form" form_route="{{ $formRoute }}" form_method="POST" hideEditBtn="{{ $formType == 'create'? '1' : '0' }}" editing="{{ $formType == 'create'? '1' : '0' }}">
  <x-slot name="header">
    <div class="card-header">
      <h5 class="card-title">
        User Permission
      </h5>
    </div>
  </x-slot>


  @php

    $status = ['Order','Pending','Picking','Shipping','Shipped','On_Hold','Cancel','Returned'];
    $countries = ['China','Hong_Kong','Japan','Korea','USA'];

    $china_platform = [9,10,11];
    $hk_platform = [3];
    $japan_platform = [17,12,13,14,15,20];
    $korea_platform = [5,16,7,8,2,4,6,18,19,21];
    $usa_plaform = [1];

      $data = json_decode(App\CmsUser::find($user->id)->permission);

   @endphp


  <table class="table table-condensed" style="border-collapse:collapse;">
      <thead>
          <tr>
              <th>Country</th>
              <th>Action</th>
              <th>None</th>
              <th>All Permission</th>
          </tr>
      </thead>
      <tbody>

        @foreach ($countries as $key=>$country)

            <tr class='accordion-toggle'>
              <td data-toggle='collapse' data-target='.{{ strtolower($country)}}-order' > {{ $country}} <i class="fas fa-angle-down right"></i></td>
              <td></td>
              <td><input type="radio" name="{{ strtolower($country)}}_both_permission" class="{{ strtolower($country)}}_none_permission" value="0" {{isset($data->{strtolower($country).'_both_permission'}) && $data->{strtolower($country).'_both_permission'} ==0? 'checked' : ''}}/></td>
              <td><input type="radio" name="{{ strtolower($country)}}_both_permission" class="{{ strtolower($country)}}_both_permission" value="1" {{isset($data->{strtolower($country).'_both_permission'}) && $data->{strtolower($country).'_both_permission'} ==1? 'checked' : ''}}/></td>
              <!-- <td><input type="radio" name="{{ strtolower($country)}}_both_permission" value="0" /> </td> -->
              <!-- <td><input type="radio" name="{{ strtolower($country)}}_both_permission" value="1" /> </td> -->
            </tr>

            <tr class="accordian-body collapse hiddenRow {{ strtolower($country)}}-order" >
                <td></td>
                <td>Import Order</td>
                <td><input type="radio" name="{{ strtolower($country)}}_import_permission" value="0" {{isset($data->{strtolower($country).'_import_permission'}) && $data->{strtolower($country).'_import_permission'} ==0? 'checked' : ''}}/></td>
                <td><input type="radio" name="{{ strtolower($country)}}_import_permission" value="1" {{isset($data->{strtolower($country).'_import_permission'}) && $data->{strtolower($country).'_import_permission'} ==1? 'checked' : ''}}/></td>
            </tr>

            @foreach ($status as $key=>$s)

            <tr  class="accordian-body collapse hiddenRow {{ strtolower($country)}}-order">
                <td></td>
                <td data-toggle='collapse'  data-target='.{{ strtolower($country)}}-{{$s}}-order'>{{$s}} <i class="fas fa-angle-down right"></i></td>
                <td><input type="radio" name="{{ strtolower($country)}}_{{strtolower($s)}}_permission" value="0" {{isset($data->{strtolower($country).'_'.(strtolower($s)).'_permission'}) && $data->{strtolower($country).'_'.(strtolower($s)).'_permission'} ==0? 'checked' : ''}}/></td>
                <td><input type="radio" name="{{ strtolower($country)}}_{{strtolower($s)}}_permission" value="1" {{isset($data->{strtolower($country).'_'.(strtolower($s)).'_permission'}) && $data->{strtolower($country).'_'.(strtolower($s)).'_permission'} ==1? 'checked' : ''}}/></td>
            </tr>

            @php

            switch($country){
              case 'China':

              $platform =  App\Platform::whereIn('id',$china_platform)->get();
              break;
              case 'Hong Kong':

              $platform =  App\Platform::whereIn('id',$hk_platform)->get();
              break;
              case 'Korea':

              $platform =  App\Platform::whereIn('id',$korea_platform)->get();
              break;
              case 'Japan':

              $platform =  App\Platform::whereIn('id',$japan_platform)->get();
              break;
              case 'USA':

              $platform =  App\Platform::whereIn('id',$usa_plaform)->get();
              break;

              default:
              $platform =  App\Platform::whereIn('id',$hk_platform)->get();
              break;
            }

            @endphp

            <tr class="accordian-body collapse hiddenRow {{ strtolower($country)}}-{{$s}}-order" >
                <td></td>
                <td>All Order</td>
                <td><input type="radio" name="{{ strtolower($country)}}_{{strtolower($s)}}_all_orders_permission" value="0" {{isset($data->{strtolower($country).'_'.(strtolower($s)).'_all_orders_permission'}) && $data->{strtolower($country).'_'.(strtolower($s)).'_'.'all_orders_permission'} ==0? 'checked' : ''}}/></td>
                <td><input type="radio" name="{{ strtolower($country)}}_{{strtolower($s)}}_all_orders_permission" value="1" {{isset($data->{strtolower($country).'_'.(strtolower($s)).'_all_orders_permission'}) && $data->{strtolower($country).'_'.(strtolower($s)).'_'.'all_orders_permission'} ==1? 'checked' : ''}}/></td>
            </tr>

            @foreach ($platform  as $p)
            <tr class="accordian-body collapse hiddenRow {{ strtolower($country)}}-{{$s}}-order" >
                <td></td>
                <td>{{$p->name}}</td>
                <td><input type="radio" name="{{ strtolower($country)}}_{{strtolower($s)}}_{{strtolower(str_replace(' ','_',$p->name))}}_permission" value="0" {{isset($data->{strtolower($country).'_'.(strtolower($s)).'_'.(strtolower(str_replace(' ','_',$p->name))).'_permission'}) && $data->{strtolower($country).'_'.(strtolower($s)).'_'.(strtolower(str_replace(' ','_',$p->name))).'_permission'} ==0? 'checked' : ''}}/></td>
                <td><input type="radio" name="{{ strtolower($country)}}_{{strtolower($s)}}_{{strtolower(str_replace(' ','_',$p->name))}}_permission" value="1" {{isset($data->{strtolower($country).'_'.(strtolower($s)).'_'.(strtolower(str_replace(' ','_',$p->name))).'_permission'}) && $data->{strtolower($country).'_'.(strtolower($s)).'_'.(strtolower(str_replace(' ','_',$p->name))).'_permission'} ==1? 'checked' : ''}}/></td>
            </tr>

            @endforeach

            @endforeach

            <tr class="accordian-body collapse hiddenRow {{ strtolower($country)}}-order" >
                <td></td>
                <td>Data Export</td>
                <td><input type="radio" name="{{ strtolower($country)}}_export_permission" value="0" {{isset($data->{strtolower($country).'_export_permission'}) && $data->{strtolower($country).'_export_permission'} ==0? 'checked' : ''}}/></td>
                <td><input type="radio" name="{{ strtolower($country)}}_export_permission" value="1" {{isset($data->{strtolower($country).'_export_permission'}) && $data->{strtolower($country).'_export_permission'} ==1? 'checked' : ''}}/></td>
            </tr>
        @endforeach

        <tr class="aaccordion-toggle analysts_permission" >
            <td></td>
            <td data-toggle='collapse'  data-target='.anaylysts'>Analysts <i class="fas fa-angle-down right"></i></td>
            <td><input type="radio" name="analysts_permission" value="0" {{isset($data->analysts_permission) && $data->analysts_permission ==0? 'checked' : ''}}/></td>
            <td><input type="radio" name="analysts_permission" value="1" {{isset($data->analysts_permission) && $data->analysts_permission ==1? 'checked' : ''}}/></td>
        </tr>

        <tr class="aaccordion-toggle order_detail collapse hiddenRow anaylysts" >
            <td></td>
            <td>Order Detail</td>
            <td><input type="radio" name="analysts_order_detail_permission" value="0" {{isset($data->analysts_order_detail_permission) && $data->analysts_order_detail_permission ==0? 'checked' : ''}}/></td>
            <td><input type="radio" name="analysts_order_detail_permission" value="1" {{isset($data->analysts_order_detail_permission) && $data->analysts_order_detail_permission ==1? 'checked' : ''}}/></td>
        </tr>

        <tr class="aaccordion-toggle import_detail collapse hiddenRow anaylysts" >
            <td></td>
            <td data-toggle='collapse'  data-target='.import-detail-order'>Import Detail <i class="fas fa-angle-down right"></i></td>
            <td><input type="radio" name="analysts_import_detail_permission" value="0" {{isset($data->analysts_import_detail_permission) && $data->analysts_import_detail_permission ==0? 'checked' : ''}}/></td>
            <td><input type="radio" name="analysts_import_detail_permission" value="1" {{isset($data->analysts_import_detail_permission) && $data->analysts_import_detail_permission ==1? 'checked' : ''}}/></td>
        </tr>

        <tr class="accordian-body collapse hiddenRow import-detail-order" >
                <td></td>
                <td>Pending</td>
                <td><input type="radio" name="analysts_import_detail_pending_permission" value="0" {{isset($data->analysts_import_detail_pending_permission) && $data->analysts_import_detail_pending_permission ==0? 'checked' : ''}}/></td>
                <td><input type="radio" name="analysts_import_detail_pending_permission" value="1" {{isset($data->analysts_import_detail_pending_permission) && $data->analysts_import_detail_pending_permission ==1? 'checked' : ''}}/></td>
            </tr>

            <tr class="accordian-body collapse hiddenRow import-detail-order" >
                <td></td>
                <td>Picking</td>
                <td><input type="radio" name="analysts_import_detail_picking_permission" value="0" {{isset($data->analysts_import_detail_picking_permission) && $data->analysts_import_detail_picking_permission ==0? 'checked' : ''}}/></td>
                <td><input type="radio" name="analysts_import_detail_picking_permission" value="1" {{isset($data->analysts_import_detail_picking_permission) && $data->analysts_import_detail_picking_permission ==1? 'checked' : ''}}/></td>
            </tr>

            <tr class="accordian-body collapse hiddenRow import-detail-order" >
                <td></td>
                <td>Shipping</td>
                <td><input type="radio" name="analysts_import_detail_shipping_permission" value="0" {{isset($data->analysts_import_detail_shipping_permission) && $data->analysts_import_detail_shipping_permission ==0? 'checked' : ''}}/></td>
                <td><input type="radio" name="analysts_import_detail_shipping_permission" value="1" {{isset($data->analysts_import_detail_shipping_permission) && $data->analysts_import_detail_shipping_permission ==1? 'checked' : ''}}/></td>
            </tr>

            <tr class="accordian-body collapse hiddenRow import-detail-order" >
                <td></td>
                <td>Shipped</td>
                <td><input type="radio" name="analysts_import_detail_shipped_permission" value="0" {{isset($data->analysts_import_detail_shipped_permission) && $data->analysts_import_detail_shipped_permission ==0? 'checked' : ''}}/></td>
                <td><input type="radio" name="analysts_import_detail_shipped_permission" value="1" {{isset($data->analysts_import_detail_shipped_permission) && $data->analysts_import_detail_shipped_permission ==1? 'checked' : ''}}/></td>
            </tr>

            <tr class="accordian-body collapse hiddenRow import-detail-order" >
                <td></td>
                <td>On Hold</td>
                <td><input type="radio" name="analysts_import_detail_on_hold_permission" value="0" {{isset($data->analysts_import_detail_on_hold_permission) && $data->analysts_import_detail_on_hold_permission ==0? 'checked' : ''}}/></td>
                <td><input type="radio" name="analysts_import_detail_on_hold_permission" value="1" {{isset($data->analysts_import_detail_on_hold_permission) && $data->analysts_import_detail_on_hold_permission ==1? 'checked' : ''}}/></td>
            </tr>

        <tr class="aaccordion-toggle picking_today collapse hiddenRow anaylysts" >
            <td></td>
            <td>Picking Tody </td>
            <td><input type="radio" name="analysts_picking_today_permission" value="0" {{isset($data->analysts_picking_today_permission) && $data->analysts_picking_today_permission ==0? 'checked' : ''}}/></td>
            <td><input type="radio" name="analysts_picking_today_permission" value="1" {{isset($data->analysts_picking_today_permission) && $data->analysts_picking_today_permission ==1? 'checked' : ''}}/></td>
        </tr>

        <tr class="aaccordion-toggle sales_today collapse hiddenRow anaylysts" >
            <td></td>
            <td>Sales Today</td>
            <td><input type="radio" name="analysts_sales_today_permission" value="0" {{isset($data->analysts_sales_today_permission) && $data->analysts_sales_today_permission ==0? 'checked' : ''}}/></td>
            <td><input type="radio" name="analysts_sales_today_permission" value="1" {{isset($data->analysts_sales_today_permission) && $data->analysts_sales_today_permission ==1? 'checked' : ''}}/></td>
        </tr>

        <tr class="aaccordion-toggle marketing_cost collapse hiddenRow anaylysts" >
            <td></td>
            <td>Marketing Cost</td>
            <td><input type="radio" name="analysts_marketing_permission" value="0" {{isset($data->analysts_marketing_permission) && $data->analysts_marketing_permission ==0? 'checked' : ''}}/></td>
            <td><input type="radio" name="analysts_marketing_permission" value="1" {{isset($data->analysts_marketing_permission) && $data->analysts_marketing_permission ==1? 'checked' : ''}}/></td>
        </tr>

        <tr class="aaccordion-toggle marketing_cost_sale collapse hiddenRow anaylysts" >
          <td></td>
          <td>Marketing Cost And Sales</td>
          <td><input type="radio" name="analysts_cost_list_permission" value="0" {{isset($data->analysts_cost_list_permission) && $data->analysts_cost_list_permission ==0? 'checked' : ''}}/></td>
          <td><input type="radio" name="analysts_cost_list_permission" value="1" {{isset($data->analysts_cost_list_permission) && $data->analysts_cost_list_permission ==1? 'checked' : ''}}/></td>
      </tr>

        <tr class="aaccordion-toggle handling_fee collapse hiddenRow anaylysts" >
          <td></td>
          <td>Handling </td>
          <td><input type="radio" name="analysts_handling_permission" value="0" {{isset($data->analysts_handling_permission) && $data->analysts_handling_permission ==0? 'checked' : ''}}/></td>
          <td><input type="radio" name="analysts_handling_permission" value="1" {{isset($data->analysts_handling_permission) && $data->analysts_handling_permission ==1? 'checked' : ''}}/></td>
      </tr>

        <tr class="aaccordion-toggle geerate-invoice collapse hiddenRow anaylysts" >
            <td></td>
            <td>Generate Invoice</td>
            <td><input type="radio" name="analysts_invoice_permission" value="0" {{isset($data->analysts_invoice_permission) && $data->analysts_invoice_permission ==0? 'checked' : ''}}/></td>
            <td><input type="radio" name="analysts_invoice_permission" value="1" {{isset($data->analysts_invoice_permission) && $data->analysts_invoice_permission ==1? 'checked' : ''}}/></td>
        </tr>

        {{-- <tr class="aaccordion-toggle sales_today collapse hiddenRow anaylysts" >
            <td></td>
            <td>Weather</td>
            <td><input type="radio" name="analysts_weather_permission" value="0" {{isset($data->analysts_weather_permission) && $data->analysts_weather_permission ==0? 'checked' : ''}}/></td>
            <td><input type="radio" name="analysts_weather_permission" value="1" {{isset($data->analysts_weather_permission) && $data->analysts_weather_permission ==1? 'checked' : ''}}/></td>
	</tr> --}}

<tr class="aaccordion-toggle delivery_expenses collapse hiddenRow anaylysts" >
          <td></td>
          <td>Delivery Expenses</td>
          <td><input type="radio" name="analysts_delivery_permission" value="0" {{isset($data->analysts_delivery_permission) && $data->analysts_delivery_permission ==0? 'checked' : ''}}/></td>
          <td><input type="radio" name="analysts_delivery_permission" value="1" {{isset($data->analysts_delivery_permission) && $data->analysts_delivery_permission ==1? 'checked' : ''}}/></td>
      </tr>

        <!-- <tr class="aaccordion-toggle stock_analysts collapse hiddenRow anaylysts" >
            <td></td>
            <td>Stock Analysts</td>
            <td><input type="radio" name="analysts_stock_analysts_permission" value="0" {{isset($data->analysts_stock_analysts_permission) && $data->analysts_stock_analysts_permission ==0? 'checked' : ''}}/></td>
            <td><input type="radio" name="analysts_stock_analysts_permission" value="1" {{isset($data->analysts_stock_analysts_permission) && $data->analysts_stock_analysts_permission ==1? 'checked' : ''}}/></td>
        </tr> -->


        <tr class="aaccordion-toggle stock" >
            <td></td>
            <td>Stock</td>
            <td><input type="radio" name="stock_permission" value="0" {{isset($data->stock_permission) && $data->stock_permission ==0? 'checked' : ''}}/></td>
            <td><input type="radio" name="stock_permission" value="1" {{isset($data->stock_permission) && $data->stock_permission ==1? 'checked' : ''}}/></td>
        </tr>

        <tr class="aaccordion-toggle cms-user" >
            <td></td>
            <td>Robot</td>
            <td><input type="radio" name="robot_permission" value="0" {{isset($data->robot_permission) && $data->robot_permission ==0? 'checked' : ''}}/></td>
            <td><input type="radio" name="robot_permission" value="1" {{isset($data->robot_permission) && $data->robot_permission ==1? 'checked' : ''}}/></td>
        </tr>

        <tr class="aaccordion-toggle issuer_permission" >
            <td></td>
            <td>Issuer</td>
            <td><input type="radio" name="issuer_permission" value="0" {{isset($data->issuer_permission) && $data->issuer_permission ==0? 'checked' : ''}}/></td>
            <td><input type="radio" name="issuer_permission" value="1" {{isset($data->issuer_permission) && $data->issuer_permission ==1? 'checked' : ''}}/></td>
        </tr>

        <tr class="aaccordion-toggle shipper" >
            <td></td>
            <td>Shipper</td>
            <td><input type="radio" name="shipper_permission" value="0" {{isset($data->shipper_permission) && $data->shipper_permission ==0? 'checked' : ''}}/></td>
            <td><input type="radio" name="shipper_permission" value="1" {{isset($data->shipper_permission) && $data->shipper_permission ==1? 'checked' : ''}}/></td>
        </tr>

        <tr class="aaccordion-toggle product" >
            <td></td>
            <td>Product</td>
            <td><input type="radio" name="product_permission" value="0" {{isset($data->product_permission) && $data->product_permission ==0? 'checked' : ''}}/></td>
            <td><input type="radio" name="product_permission" value="1" {{isset($data->product_permission) && $data->product_permission ==1? 'checked' : ''}}/></td>
        </tr>

        <tr class="aaccordion-toggle store" >
            <td></td>
            <td>Store</td>
            <td><input type="radio" name="store_permission" value="0" {{isset($data->store_permission) && $data->store_permission ==0? 'checked' : ''}}/></td>
            <td><input type="radio" name="store_permission" value="1" {{isset($data->store_permission) && $data->store_permission ==1? 'checked' : ''}}/></td>
        </tr>

        <tr class="aaccordion-toggle cms-user" >
            <td></td>
            <td>CMS Users</td>
            <td><input type="radio" name="user_permission" value="0" {{isset($data->user_permission) && $data->user_permission ==0? 'checked' : ''}}/></td>
            <td><input type="radio" name="user_permission" value="1" {{isset($data->user_permission) && $data->user_permission ==1? 'checked' : ''}}/></td>
        </tr>

        

        <input type="hidden" name="role" value={{$user->getRole()->id}}>

      </tbody>
  </table>
</x-card.editable>