@php
$layout = 'layouts.admin';
@endphp
@extends($layout)

@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
             <p>{{ $data->id ?  __('devices_login.edit') :  __('devices_login.add') }}</p>
        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    @php
                    $routeDashboard =  'devices-login.index';
                    @endphp
                    <li class="breadcrumb-item"><a href="{!! route($routeDashboard) !!}">{!! __('devices_login.device') !!}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{!! __('devices_login.add') !!}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    {!! Form::open(array('route' => $route, 'method' => 'POST' ,'id' => 'ajaxSave')) !!}
    <div class="row">
        <div class="col-12">

            <div class="round-white-bg box-shadow">
                <div class="col-md-6 error-msg font-14 mt-2"></div>
                <div class="row">
                    <div class="col-12">
                        <div class="row">
                                <div class="col-md-6">
                                    <div class="col-md-12">
                                        <div class="custom-input-group colored-field-group">
                                            {!! Form::label('name', __('devices_login.name'), ['class' => 'control-label mb-2']) !!}
                                            {!! Form::text('name', $data->name, ['class' => 'form-control']) !!}
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="custom-input-group colored-field-group">
                                            {!! Form::label('name', __('devices_login.store_name'), ['class' => 'control-label mb-2']) !!}
                                            {!! Form::select('store_id', $stores, $data->store_id, ['class' => 'form-control select2-new']) !!}
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="custom-input-group colored-field-group">
                                                    {!! Form::label('name', __('devices_login.login_type'), ['class' => 'control-label mb-2']) !!}
                                                    {!! Form::select('login_type', loginType(), $data->login_type, ['class' => 'form-control select2-new __select_type']) !!}
                                                </div>
                                            </div>
                                            <div class="col-md-6 realtime_stat" @if(isset($data->login_type) &&  $data->login_type != 2 || !$data->login_type) style="display: none" @endif>
                                                <div class="custom-input-group colored-field-group">
                                                    {!! Form::label('name', __('devices_login.display_mode'), ['class' => 'control-label mb-2']) !!}
                                                    {!! Form::select('display_mode', deviceMode(), json_decode($data->setting_json)->display_mode??1, ['class' => 'form-control select2-new']) !!}
                                                </div>
                                            </div>
                                            <div class="col-md-6 _show_stat" @if(isset($data->login_type) &&  $data->login_type != 1) style="display: none" @endif>
                                                    <div class="custom-input-group colored-field-group">
                                                        {!! Form::label('active_kitchen_sale', __('devices_login.active_sale'), ['class' => 'control-label mb-2']) !!}
                                                        <label class="yummy-switch-label">
                                                            {!! Form::checkbox('active_kitchen_sale', 1,isset($data->active_kitchen_sale) ? $data->active_kitchen_sale : 1) !!}
                                                            <span class="yummy-switch-box"></span>
                                                        </label></div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-md-12">
                                        <div class="custom-input-group colored-field-group">
                                            {!! Form::label('pin', __('devices_login.pin'), ['class' => 'control-label mb-2']) !!}
                                            <div class="input-group">
                                                {!! Form::text('pin', $data->pin, ['class' => 'form-control type_number __random_pin', 'maxlength' => '4' ,'readonly' => true]) !!}
                                                <div class="input-group-append __generate_pin" data-length="4">
                                                    <span class="input-group-text" id="basic-addon1">
                                                       <i class="fa fa-spinner" aria-hidden="true"></i> <span class="pl-2">Generate Pin</span>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="global-item-top-box">
                                            <label class="yummy-switch-label">
                                                {!! Form::checkbox('status', 1,isset($data->status) ? $data->status : 1) !!}
                                                <span class="yummy-switch-box"></span>
                                            </label>
                                        </div>
                                    </div>
                                </div>



                            <div class="form-group mt-3 text-left ml-3 col-12">
                                <ul class="list-inline">
                                    <li class="list-inline-item">
                                        <input type="submit" class="btn btn-primary width80" value="{!! __('seller.save') !!}">
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
       @if($data->id) @method('PUT') @endif
    {!! Form::close() !!}
</div>
@endsection
@section('script')
    <script>
        $('.__select_type').on('select2:select', function (e) {
            var data = $(this).val();
            if(data == 1){
                $('._show_stat').show();
            }else{
                $('._show_stat').hide();
            }
            if(data == 2){
                $('.realtime_stat').show();
            }else{
                $('.realtime_stat').hide();
            }
        });
    </script>
    @endsection