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

<script type="text/javascript">
$(function() {
    function toTitleCase(str) {
        return str.replace(/\w\S*/g, function(txt){
            return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
        });
    }

    $('[name="email"]').on('change keyup paste', function () {
        var email = $(this).val();

        if (!email) return;

        if (!$('[name="username"]').val()) {
            var nameMatch = email.match(/^([^@]*)@/);
            var username = nameMatch ? nameMatch[1] : null;
            $('[name="username"]').val(username);
        }

        if (!username) return;

        if (!$('[name="name"]').val()) {
            var name = username.replace(/_/g, " ").replace(/\./g, " ");
            name = toTitleCase(name);
            $('[name="name"]').val(name);
        }
    });

    $("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);
        }
      });

});
</script>

<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">
                {{ __('cms.object_details', ['object' => __('cms.cms_user.display_name')]) }}
            </h5>
        </div>
    </x-slot>

    @php
        foreach ($roles as $key => $role) {
            $roles[$key]['display_name'] = __('cms.role.'.$role['name']);
        }

         $current_user = Auth::guard('cms')->user();

         if($current_user->getRole()->name !=='super_admin'){
           $roles_select[$user->getRole()->id] = $user->getRole()->name;
         }else{
          $roles_select = array_column($roles, 'display_name', 'id');
         }

        $func_role_names = function($value) {
            return ucwords(str_replace('_', ' ', $value));
        };
        $roles_select = array_map($func_role_names, $roles_select);

        $role_selected = (isset($user))? $user->getRole()->id : null;

        $title_password = (($formType == 'create')? __('cms.password') : __('cms.new_password'));
        $title_password_confirm = (($formType == 'create')? __('cms.form.confirm_password') : __('cms.form.confirm_new_password'));

        $pw_required = ($formType == 'create')? '1' : '0';

        $fields = [
            [
                'type' => 'input',
                'name' => 'email',
                'label' => __('cms.cms_user.email'),
                'required' => '1',
                'value' => isset($user)? $user->email : '',
                'placeholder' => __('cms.form.email_placeholder')
            ],
            [
                'type' => 'input',
                'name' => 'username',
                'label' => __('cms.cms_user.username'),
                'required' => '1',
                'value' => isset($user)? $user->username : '',
                'placeholder' => __('cms.form.username_placeholder')
            ],
            [
                'type' => 'input',
                'name' => 'first_name',
                'label' => __('cms.cms_user.first_name'),
                'required' => '1',
                'value' => isset($user)? $user->first_name : '',
                'placeholder' => __('cms.form.first_name_placeholder')
            ],
            [
                'type' => 'input',
                'name' => 'last_name',
                'label' => __('cms.cms_user.last_name'),
                'required' => '1',
                'value' => isset($user)? $user->last_name : '',
                'placeholder' => __('cms.form.last_name_placeholder')
            ],
            [
                'type' => 'input',
                'name' => 'contact_number',
                'label' => __('cms.cms_user.contact_number'),
                'required' => '1',
                'value' => isset($user)? $user->contact_number : '',
                'placeholder' => __('cms.form.contact_number_placeholder')
            ],

            [
                'type' => 'input',
                'input_type' => 'password',
                'name' => 'password',
                'label' => $title_password,
                'required' => $pw_required,
                'placeholder' => $title_password,
                'append_field_class' => 'form-group--editable--display-d-none'
            ],
            [
                'type' => 'input',
                'input_type' => 'password',
                'name' => 'password_confirmation',
                'label' => $title_password_confirm,
                'required' => $pw_required,
                'placeholder' => $title_password_confirm,
                'append_field_class' => 'form-group--editable--display-d-none'
            ],
        ];


    @endphp
    <x-form.fields :fields="$fields"></x-form.fields>


      @php

      if($action =='create'){



      $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];
      $korea_platform = [5,16,7,8,2,4,6,18];
      $usa_plaform = [1];

     @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" /></td>
                <td><input type="radio" name="{{ strtolower($country)}}_both_permission" class="{{ strtolower($country)}}_both_permission" value="1" /></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" /></td>
                  <td><input type="radio" name="{{ strtolower($country)}}_import_permission" value="1" /></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" /></td>
                  <td><input type="radio" name="{{ strtolower($country)}}_{{strtolower($s)}}_permission" value="1" /></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" /></td>
                  <td><input type="radio" name="{{ strtolower($country)}}_{{strtolower($s)}}_all_orders_permission" value="1" /></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" /></td>
                  <td><input type="radio" name="{{ strtolower($country)}}_{{strtolower($s)}}_{{strtolower(str_replace(' ','_',$p->name))}}_permission" value="1" /></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" /></td>
                  <td><input type="radio" name="{{ strtolower($country)}}_export_permission" value="1" /></td>
              </tr>
          @endforeach

          <tr class="aaccordion-toggle stock" >
              <td></td>
              <td>Stock</td>
              <td><input type="radio" name="stock_permission" value="0" /></td>
              <td><input type="radio" name="stock_permission" value="1" /></td>
          </tr>

          <tr class="aaccordion-toggle issuer_permission" >
              <td></td>
              <td>Issuer</td>
              <td><input type="radio" name="issuer_permission" value="0" /></td>
              <td><input type="radio" name="issuer_permission" value="1" /></td>
          </tr>

          <tr class="aaccordion-toggle shipper" >
              <td></td>
              <td>Shipper</td>
              <td><input type="radio" name="shipper_permission" value="0" /></td>
              <td><input type="radio" name="shipper_permission" value="1" /></td>
          </tr>

          <tr class="aaccordion-toggle product" >
              <td></td>
              <td>Product</td>
              <td><input type="radio" name="product_permission" value="0" /></td>
              <td><input type="radio" name="product_permission" value="1" /></td>
          </tr>

          <tr class="aaccordion-toggle store" >
              <td></td>
              <td>Store</td>
              <td><input type="radio" name="store_permission" value="0" /></td>
              <td><input type="radio" name="store_permission" value="1" /></td>
          </tr>

          <tr class="aaccordion-toggle cms-user" >
              <td></td>
              <td>CMS Users</td>
              <td><input type="radio" name="user_permission" value="0" /></td>
              <td><input type="radio" name="user_permission" value="1" /></td>
          </tr>



        </tbody>
    </table>

    @php
      }
    @endphp
</x-card.editable>