@extends('layouts.frontend.master')

@section('title', 'Product Field Settings')

@push('styles')
    <link rel="stylesheet" href="{{ asset('frontend/vendor/select2/css/select2.css') }}">
    <link rel="stylesheet" href="{{ asset('frontend/vendor/select2/css/select2-bootstrap4.css') }}">
    <link rel="stylesheet" href="{{ asset('frontend/vendor/select2/css/custom.css') }}">
    <link rel="stylesheet" href="{{ asset('frontend/css/css/frontend/support_manager/api-setting.css') }}"/>
@endpush

@section("page-heading-title")
    <div class="page-color-title p-4">
        <h1 class="heading">{{__('Product Field Settings') }}</h1>
        <p class="sub-heading">{{__('Manage display column product field setting of Support Agent & Member') }}</p>
    </div>
@endsection

@section("content")

    <div id="featured-services" class="featured-services mb-5">
        <div class="container" data-aos="fade-up">
            <form action="{{ route('support-manager.product_setting.store') }}" method="POST">
                @csrf
                <div class="row justify-content-center">

                    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 text-center p-0 mt-3 mb-2">
                        <div class="card px-0 mb-3">
                            @include('flash::message')

                            <table class="table-striped table" id="tbl_settings">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{__('Column Name') }}</th>
                                    <th>{{__('Field Name') }}</th>
                                    <th>{{__('Step') }}</th>
                                    <th>{{__('Width') }}</th>
                                    <th>{{__('Edit Ability') }}</th>
                                    <th>{{__('Show/Hide Column') }}</th>
                                    <th>{{__('Required') }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($databaseColumns as $setting)
                                    @php
                                        $column = $setting->column_name;
                                    @endphp
                                    <tr id="{{ $column }}" class="draggable_tr">
                                        <td>{{ $loop->iteration }}</td>
                                        <td>
                                            {{ $column }}
                                            <input type="hidden" name="column_name[{{ $column }}]" value="{{ $column }}">
                                        </td>
                                        <td>
                                            <input type="text" name="label[{{ $column }}]" class="form-control"
                                                   value="{{ $setting->label }}">
                                        </td>

                                        <td>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <select class="form-control select2bs4"
                                                            id="step-dropdown-{{ $loop->iteration }}"
                                                            aria-label="step"
                                                            name="step[{{ $column }}]"
                                                            style="width: 100%;"
                                                            data-placeholder="Choose a step"
                                                            data-minimum-results-for-search="Infinity"
                                                    >
                                                        <option></option>
                                                        <option value="1" {{ $setting->step == 1 ? 'selected' : '' }}>{{__('Step 1') }}</option>
                                                        <option value="2" {{ $setting->step == 2 ? 'selected' : '' }}>{{__('Step 2') }}</option>
                                                        <option value="3" {{ $setting->step == 3 ? 'selected' : '' }}>{{__('Step 3') }}</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <select class="form-control select2bs4"
                                                            id="width-dropdown-{{ $loop->iteration }}"
                                                            aria-label="width"
                                                            name="column_width[{{ $column }}]"
                                                            style="width: 100%;"
                                                            data-placeholder="Choose a width"
                                                            data-minimum-results-for-search="Infinity"
                                                    >
                                                        <option></option>
                                                        <option value="3" {{ $setting->column_width == 3 ? 'selected' : '' }}>{{__('25%') }}</option>
                                                        <option value="6" {{ $setting->column_width == 6 ? 'selected' : '' }}>{{__('50%') }}</option>
                                                        <option value="9" {{ $setting->column_width == 9 ? 'selected' : '' }}>{{__('75%') }}</option>
                                                        <option value="12" {{ $setting->column_width == 12 ? 'selected' : '' }}>{{__('100%') }}</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </td>

                                        <td>
                                            @php
                                                $editAvailabilityChecked = ( isset($setting->edit_visibility) &&
                                                $setting->edit_visibility == 1 ) ? "checked" : "";
                                            @endphp
                                            <label class="switch mr-2">
                                                <input type="checkbox" name="edit_visibility[{{ $column }}]" value="1"
                                                    {{ $editAvailabilityChecked }}>
                                                <span class="slider round"></span>
                                            </label> {{__('Disable/Enable') }}
                                        </td>
                                        <td>
                                            @php
                                                $viewAvailabilityChecked = ( isset($setting->view_visibility) &&
                                                $setting->view_visibility == 1 ) ? "checked" : "";
                                            @endphp
                                            <label class="switch mr-2">
                                                <input type="checkbox" name="view_visibility[{{ $column }}]" value="1"
                                                    {{ $viewAvailabilityChecked }}>
                                                <span class="slider round"></span>
                                            </label> {{__('Disable/Enable') }}
                                        </td>

                                        <td>
                                            @php
                                                $isRequiredChecked = ( isset($setting->is_required) &&
                                                $setting->is_required == 1 ) ? "checked" : "";
                                            @endphp
                                            <label class="switch mr-2">
                                                <input type="checkbox" name="is_required[{{ $column }}]" value="1"
                                                    {{ $isRequiredChecked }}>
                                                <span class="slider round"></span>
                                            </label> {{__('Optional/Required') }}
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="align-self-start d-flex pl-4 mb-5">
                            <button type="submit" class="btn btn-primary px-4">{{__('Save') }}</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div><!-- End Featured Services Section -->

@endsection


@push('scripts')
    <script src="{{asset('frontend/js/jqueryui/jquery-ui.min.js')}}"></script>
    <script src="{{ asset('frontend/vendor/select2/js/select2.full.js') }}"></script>
    <script src="{{ asset('frontend/vendor/select2/custom.js') }}"></script>
    <script src="{{asset('frontend/js/support-manager/setting-import.js')}}"></script>
@endpush