@extends('onboardings.table')

@section('preferences')
<form class="border rounded-5 px-3 text-left ml-3" action="{{ route('preferences') }}" method="post">
    @csrf
    <div class="row">
        <div class="col pt-3 px-1">
            <label><strong>Preferences</strong></label>
        </div>

        <div class="col px-2">
            <small class="text-muted d-block ml-3 mt-3">per page:</small>
        </div>

        <div class="col px-2">
           <input type="text" id="per_page" class="form-control form-control-sm mx-sm-3 w-85p my-2" value="{{ $user_preferences_onboarding->per_page ?? ''}}" name="per_page" placeholder="100">
        </div>

        <div class="col px-2">
            <small class="text-muted d-block ml-3 mt-3">Status:</small>
        </div>

        <div class="col px-2">
            <select class="mr-sm-2 selectpicker btn-group-sm my-2" id="status" name="status[]" multiple  title="All">
                <option value="null">All</option>
                @foreach ($statuses as $status)
                    <option {{ in_array( $status, ($user_preferences_onboarding['status'] ?? ['nothing' => 'selected']) ) ? 'selected' : '' }}>{{ $status }}</option>
                @endforeach
            </select>
        </div>

        <div class="col px-2">
            <small class="text-muted d-block mx-3 text-nowrap mt-3">Order by:</small>
        </div>

        <div class="col px-2">
            <select class="mr-sm-2 custom-select custom-select-sm my-2 w-150p" id="sort_by" name="sort_by">
                <option value="">default</option>
                @foreach ($sort_by as $key => $value)
                    <option value="{{ $key }}" {{ ( $key == ( $user_preferences_onboarding['sort_by'] ?? '' ) ) ? 'selected' : '' }}>{{ $value }}</option>
                @endforeach
            </select>
        </div>

        <div class="col px-2">
            <select class="mr-sm-2 custom-select custom-select-sm my-2" id="sort_order" name="sort_order">
                <option value="">default</option>
                <option value="ASC" {{ ( 'ASC' == ( $user_preferences_onboarding['sort_order'] ?? '' ) ) ? 'selected' : '' }}>asc</option>
                <option value="DESC" {{ ( 'DESC' == ( $user_preferences_onboarding['sort_order'] ?? '' ) ) ? 'selected' : '' }}>desc</option>
            </select>
        </div>
		
        <div class="col px-2">
            <small class="text-muted d-block mx-3 text-nowrap mt-3">Hide columns:</small>
        </div>

        <div class="col px-2">
            <select class="mr-sm-2 selectpicker btn-group-sm my-2" id="hide_columns" name="hide_columns[]" multiple  title="None">
                <option value="null">None</option>
                @foreach ($hide_columns as $hide_column)
                    <option {{ in_array( $hide_column, ($user_preferences_onboarding['hide_columns'] ?? ['nothing' => 'selected']) ) ? 'selected' : '' }}>{{ $hide_column }}</option>
                @endforeach
            </select>
        </div>

        <div class="col px-2">
            <button type="submit" class="btn btn-sm btn-primary my-2 ml-4 px-3">Save</button>
        </div>
        
    </div>
</form>

@endsection