@extends('layouts.customer')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12"><h1>Staff Settings</h1></div>
        </div>
        <div class="row mb-2">
            @if ($message = Session::get('success'))
                <div class="w-100 alert alert-success">
                    <p>{{ $message }}</p>
                </div>
            @endif
        </div>

        
        <div class="row">
            <div class="col-xl-4">
                <div class="card">
                    <div class="card-body">
                        <ul class="nav nav-pills flex-column" role="tablist">
                            @if($settings)
                            @foreach($settings as $index => $setting)
                            <li class="nav-item clickable" role="presentation">
                                <a href="#{{ $setting->setting_prop }}_content" class="nav-link @if($index === 0) active @endif" id="{{ $setting->id }}-tab" data-toggle="tab" role="tab" aria-controls="{{ $setting->id }}_content" aria-selected="@if($index === 0) true @else false @endif">
                                    @if($setting->setting_prop == 'shift_break_min')
                                    Shift Break Min
                                    @else
                                    {{ strtoupper($setting->setting_prop) }}
                                    @endif
                                </a>
                            </li>
                            @endforeach
                            @endif
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-xl-8">
                <div class="card">
                    <div class="card-body">
                        <div class="tab-content">
                            @if($settings)
                            @foreach($settings as $index => $setting)
                            <div class="tab-pane fade @if($index === 0) show active @endif" id="{{ $setting->setting_prop }}_content" role="tabpanel" aria-labelledby="{{ $setting->id }}-tab">
                                <form action="@if(in_array($setting->setting_prop, ['shift_break_min','shift_approval'])) {{ route('staff.settings.update', ['account' => $account]) }} @else {{ route('staff.settings', ['account' => $account]) }} @endif" @if(in_array($setting->setting_prop, ['shift_break_min','shift_approval'])) method="POST" @endif autocomplete="off" autofill="off">
                                    @csrf
                                    @method('PUT')
                                    @php 
                                    $not_in = ['layout', 'orderScreen', 'pageWidthLength', 'pageLeftMarginLength', 'orderTypeDeliveryColor', 'orderTypePickupColor', 'estimateTimePerc', 'estimateTimeColor'];
                                    $fields = json_decode($setting->setting_value, true);
                                    @endphp

                                    @if($fields && is_array($fields))
                                    @foreach($fields as $key => $value)
                                    @if(!in_array($key, $not_in)) 
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-group row mb-1">
                                                <label class="col-12 col-form-label">
                                                    <strong>{{ $key }}</strong>
                                                </label>
                                                <div class="col-12">
                                                    <div class="custom-switch custom-switch-secondary mb-2">
                                                        <input class="custom-switch-input" id="{{ $setting->id }}_{{ $key }}" type="checkbox" name="setting_value[{{ $key }}]" @if($value) checked @endif>
                                                        <label class="custom-switch-btn" for="{{ $setting->id }}_{{ $key }}"></label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @else
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-group row mb-1">
                                                <label class="col-12 col-form-label">
                                                    <strong>{{ $key }}</strong>    
                                                </label>
                                                <div class="col-12">
                                                    <div class="custom-switch custom-switch-secondary mb-2">
                                                        {{ $value }}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @endif
                                    @endforeach
                                    @else
                                    @if($setting->setting_prop == 'shift_approval')
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-group row mb-1">
                                                <div class="col-12">
                                                    <div class="custom-switch custom-switch-secondary mb-2">
                                                        <input class="custom-switch-input" id="{{ $setting->id }}_setting_value" type="checkbox" name="setting_value" @if($fields) checked @endif>
                                                        <label class="custom-switch-btn" for="{{ $setting->id }}_setting_value"></label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @endif

                                    @if($setting->setting_prop == 'shift_break_min')
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-group row mb-1">
                                                <div class="col-12">
                                                    <input type="text" class="form-control" value="{{ $fields ?? '' }}" name="setting_value" placeholder="Shift break time">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @endif
                                    @endif
                                    <div class="row">
                                        <div class="col-12">
                                            <button class="btn btn-success" style="float: right;" type="submit">save</button>
                                        </div>
                                    </div>
                                    <input type="hidden" name="setting_key" value="{{ $setting->setting_key }}" />
                                    <input type="hidden" name="setting_prop" value="{{ $setting->setting_prop }}" />
                                </form>
                            
                            </div>
                            @endforeach
                            @endif 
                        </div>
                    </div>
                </div> <!-- end card-->
            </div> <!-- end col -->
        </div>


        <!-- <div class="row">
            @if( $settings )
            @foreach( $settings as $setting )
            <div class="col-12">
                <div class="card mb-4">
                    <div class="card-body">
                    
                    <form action="@if( in_array($setting->setting_prop, ['shift_break_min','shift_approval']) ) {{ route('staff.settings.update', ['account' => $account]) }} @else {{ route('staff.settings', ['account' => $account]) }} @endif" @if( in_array($setting->setting_prop, ['shift_break_min','shift_approval']) ) method="POST" @endif autocomplete="off" autofill="off">
                        @csrf
                        @method('PUT')

                        <h4>
                            @if( $setting->setting_prop == 'shift_break_min' )
                                Shift Break Min
                            @else
                                {{ strtoupper($setting->setting_prop) }}
                            @endif
                        </h4>

                        @php 
                            $not_in = ['layout', 'orderScreen', 'pageWidthLength', 'pageLeftMarginLength', 'orderTypeDeliveryColor', 'orderTypePickupColor', 'estimateTimePerc', 'estimateTimeColor'];
                            $fields = json_decode($setting->setting_value, true);
                        @endphp

                        {{-- print_r($fields) --}}
                        
                        @if( $fields && is_array($fields) )
                            @foreach( $fields as $key => $value )
                                @if( !in_array($key, $not_in) ) 
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-group row mb-1">
                                                <label class="col-12 col-form-label">
                                                    <strong>{{ $key }}</strong>
                                                </label>
                                                <div class="col-12">
                                                    <div class="custom-switch custom-switch-secondary mb-2">
                                                        <input class="custom-switch-input" id="setting_value" type="checkbox" name="setting_value[{{ $key }}]" @if($value) checked @endif>
                                                        <label class="custom-switch-btn" for="setting_value"></label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @else
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-group row mb-1">
                                                <label class="col-12 col-form-label">
                                                    <strong>{{ $key }}</strong>    
                                                </label>
                                                <div class="col-12">
                                                    <div class="custom-switch custom-switch-secondary mb-2">
                                                        {{ $value }}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                        @else
                            @if( $setting->setting_prop == 'shift_approval')
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group row mb-1">
                                            <div class="col-12">
                                                <div class="custom-switch custom-switch-secondary mb-2">
                                                    <input class="custom-switch-input" id="setting_value" type="checkbox" name="setting_value" @if($fields) checked @endif>
                                                    <label class="custom-switch-btn" for="setting_value"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            @if( $setting->setting_prop == 'shift_break_min')
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group row mb-1">
                                            <div class="col-12">
                                                <input type="text" class="form-control" value="{{ $fields ?? '' }}" name="setting_value" placeholder="Shift break time">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        @endif

                                                <div class="row">
                            <div class="col-12">
                                <button class="btn btn-success" style="float: right;" type="submit">save</button>
                            </div>
                        </div>
                        <input type="hidden" name="setting_key" value="{{ $setting->setting_key }}" />
                        <input type="hidden" name="setting_prop" value="{{ $setting->setting_prop }}" />
                    </form>  
                    
                    </div>
                </div>
            </div>
            @endforeach
            @endif  
        </div> -->
    </div>
@endsection
@section('script')
    <script type="text/javascript"> 
    </script>
@endsection