@extends('backend.layouts.app')

@section('title', __('labels.backend.access.license.mac.management') . ' | ' . __('labels.backend.access.license.mac.edit'))

@section('content')
{{ html()->modelForm($licenses, 'PATCH', route('admin.auth.license.update', $licenses->id))->class('form-horizontal')->open() }}
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-sm-5">
                    <h4 class="card-title mb-0">
                        @lang('labels.backend.access.license.mac.management')
                        <small class="text-muted">@lang('labels.backend.access.license.mac.edit')</small>
                    </h4>
                </div><!--col-->
            </div><!--row-->
            <!--row-->

            <hr />


<div class="row mt-4">

    <div class="col">
    <div class="form-group row"><h3>License Details<h3></div>
        <div class="form-group row">
        
            {{ html()->label(__('validation.attributes.backend.access.license.mac.name'))
                ->class('col-md-2 form-control-label')
                ->for('name') }}
               <span class="col-md-4"> {{$licenses->key_uuid}}</span>
                {{ html()->label(__('validation.attributes.backend.access.license.licensetype.status'))
                ->class('col-md-2 form-control-label')
                ->for('name') }}
            
            
            {{ html()->label(
                                    html()->checkbox('status',($licenses->status=='active')?true:false)
                                          ->class('switch-input')
                                          ->id('status')
                                        . '<span class="switch-slider" data-checked="on" data-unchecked="off"></span>')
                                    ->class('switch switch-label switch-pill switch-primary mr-2')
                                ->for('status') }}
           
        </div><!--form-group-->

        <div class="form-group row">
            {{ html()->label(__('validation.attributes.backend.access.license.licensetype.name'))
                ->class('col-md-2 form-control-label')
                ->for('name') }}

            <div class="col-md-10">
                {{ $licenses->licenseTypeDetails->name }}
            </div><!--col-->
        </div><!--form-group-->

        <div class="form-group row">
            {{ html()->label(__('validation.attributes.backend.access.license.licensetype.keytype'))
                ->class('col-md-2 form-control-label')
                ->for('name') }}

            <div class="col-md-10">
                {{ $licenses->licenseTypeDetails->licence_type }}
            </div><!--col-->
        </div><!--form-group-->
        
        <div class="form-group row">
            {{ html()->label(__('validation.attributes.backend.access.license.licensetype.duration'))
                ->class('col-md-2 form-control-label')
                ->for('name') }}

            <div class="col-md-10">
                {{ $licenses->licenseTypeDetails->duration }}
            </div><!--col-->
        </div><!--form-group-->  

        <div class="form-group row">
            {{ html()->label(__('validation.attributes.backend.access.license.licensetype.remark'))
                ->class('col-md-2 form-control-label')
                ->for('remark') }}

            <div class="col-md-10">
                {{ html()->text('remark')
                                ->class('form-control')
                                ->placeholder(__('validation.attributes.backend.access.license.licensetype.remark'))
                                ->autofocus() }}
            </div><!--col-->
        </div><!--form-group-->  
    </div><!--col-->
    </div>
   
    <div>
                       

                        <div class="table-responsive col-md-10">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>@lang('labels.backend.access.license.mac.name')</th>
                                        
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            @if($licenses->licensemacMapping->count())
                                            @foreach($licenses->licensemacMapping->reverse() as $license)
                                                    <div class="card">
                                                        <div class="card-header">
                                                            <div class="checkbox d-flex align-items-center">
                                                                {{ html()->label(
                                                                        html()->radio('licensemacs[]', ($license->mac_status=='active')?true:false, $license->macDetail->mac_uuib)
                                                                                ->class('switch-input')
                                                                                ->id('licmac-'.$license->id)
                                                                        . '<span class="switch-slider" data-checked="on" data-unchecked="off"></span>')
                                                                    ->class('switch switch-label switch-pill switch-primary mr-2')
                                                                    ->for('licmac-'.$license->id) }}
                                                                <a href="{{ route('admin.auth.license.ipAddressindex',$license->macDetail->id)  }}">{{$license->macDetail->mac_uuib}}</a>
                                                                <div style="margin-left: 20px;">{{$license->macDetail->ipAddress}}</div>              
                                                                <div style="margin-left: 20px;"> @lang('labels.backend.access.license.mac.update_at'){{\Carbon\Carbon::parse($license->macDetail->updated_at)->isoFormat('Do MMM YYYY H:s A')}}</div>              
                                                            </div>

                                                        </div>
                                                        
                                                    </div><!--card-->
                                                @endforeach
                                            @endif
                                        </td>
                                        
                                    </tr>
                                </tbody>
                            </table>
                       
                    </div><!--form-group-->
                </div><!--col-->
            
</div><!--row-->
</div><!--card-body-->



        <div class="card-footer">
            <div class="row">
                <div class="col">
                    {{ form_cancel(route('admin.auth.licensetype.index'), __('buttons.general.cancel')) }}
                </div><!--col-->
                @if (($logged_in_user->isAdmin())||($logged_in_user->isSuperStockz()))
                <div class="col text-right">
                    {{ form_submit(__('buttons.general.crud.update')) }}
                </div><!--col-->
                @endif
            </div><!--row-->
        </div><!--card-footer-->
    </div><!--card-->
{{ html()->closeModelForm() }}
@endsection

@push('after-scripts')
    <script>
        $(function () {
            $('input[type="radio"]').on('click',function(event){
                var $radio = $(this);

    // if this was previously checked
    if ($radio.data('waschecked') == true)
    {
        $radio.prop('checked', false);
        $radio.data('waschecked', false);
    }
    else
    {
         $radio.prop('checked', true);
         $radio.data('waschecked', true);
    }

    // remove was checked from other radios
    $radio.siblings('input[type="radio"]').data('waschecked', false);
            
        });  
    });  
        </script>
@endpush