@extends('layouts.customer')
<style type="text/css">
    .payroll_type ul{    width: 100%;padding-left: 0px;float: left;margin-top: 10px;}
    .payroll_type li{list-style: none;float: left;margin-right: 15px;}
    .payroll_type li label{font-size: 15px;}
    .payroll_type p {float: left;font-size: 15px;width: 100%;}
    .payroll_type input[type="radio"]{margin-top: 3px;float: left;margin-right: 8px;}
    .payroll_type h3{font-weight: 600;}
    .day_name {max-width: 300px;}
</style>
@section('content')
    <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <h1>Timesheet Settings</h1>
                    <nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
                        <ol class="breadcrumb pt-0">
                             <li class="breadcrumb-item">
                                <a href="{{url('/')}}/dashboard">Dashboard</a>
                            </li>
                            
                            <li class="breadcrumb-item active" aria-current="page">Timesheet Settings</li>
                        </ol>
                    </nav>

                    <div class="separator mb-5"></div>
                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    @if ($errors->any())
                        <div class="alert alert-danger w-100">
                            <strong>Whoops!</strong> There were some problems with your input.<br><br>
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                </div>
            </div>


            <div class="row mb-2">
                @if ($message = Session::get('success'))
                    <div class="w-100 alert alert-success">
                        <p>{{ $message }}</p>
                    </div>
                @endif
                @if ($message = Session::get('notice'))
                    <div class="w-100 alert alert-warning">
                        <p>{{ $message }}</p>
                    </div>
                @endif
            </div>

            <div class="row mb-4">
                <div class="col-6 mb-4">
                    <div class="card h-100 payroll_type">
                        <div class="card-body">

                            <form action="{{ route('staffs.timesheet.settings.update', ['account' => $account]) }}" method="POST" autocomplete="off" autofill="off">
                                @csrf
                                @method('PUT')

                                <h3>PDF Button Visibility</h3>
                                @if($bbsettings->setting_prop == 'pdf_button_visibility')
                                    <div class="form-row">
                                        <div class="form-group col-12 mb-1">
                                            <label class="form-label">
                                                <strong>Is Visible</strong>
                                            </label>
                                            <div>
                                                <div class="custom-switch custom-switch-secondary mb-2">
                                                    <input class="custom-switch-input" id="pdf_btn" type="checkbox" name="setting_value" value="{{ $bbsettings->setting_value ?? '1' }}" @if($bbsettings->setting_value) checked @endif>
                                                    <label class="custom-switch-btn" for="pdf_btn"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @else
                                    <div class="form-row">
                                        <div class="form-group col-12 mb-1">
                                            <label class="form-label">
                                                <strong>Is Visible</strong>
                                            </label>
                                            <div>
                                                <div class="custom-switch custom-switch-secondary mb-2">
                                                    <input class="custom-switch-input" id="pdf_btn" type="checkbox" name="setting_value" value="{{ $bbsettings->setting_value ?? '1' }}" >
                                                    <label class="custom-switch-btn" for="pdf_btn"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                
                                <input type="submit" class="btn btn-primary float-right" value="Update Visibility">
                                <input type="hidden" name="setting_key" value="{{ $bbsettings->setting_key ?? session('restaurant')['restaurant_id'] ?? '' }}" />
                                <input type="hidden" name="setting_prop" value="{{ $bbsettings->setting_prop ?? 'pdf_button_visibility' }}" />
                            </form>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>
@endsection

@section('script')
<script>
    $(document).ready(function() {
        $("#pdf_btn").change(function() {
            if( $(this).prop('checked') ) {
                $(this).val('1');
            } else {
                $(this).val('0');
            }
        });
    });
</script>

@endsection