@extends('voyager::master')

@if (isset($dataType->id))
    @section('page_title', __('voyager::bread.edit_bread_for_table', ['table' => $dataType->name]))

@php
    $display_name = $dataType->display_name_singular;
    $display_name_plural = $dataType->display_name_plural;
@endphp

@else
    @section('page_title', __('voyager::bread.create_bread_for_table', ['table' => $table]))
@endif

@section('page_header')
    <div class="page-title">
        <i class="voyager-data"></i>
        @if (isset($dataType->id))
            {{ __('voyager::bread.edit_bread_for_table', ['table' => $dataType->name]) }}
        @else
            {{ __('voyager::bread.create_bread_for_table', ['table' => $table]) }}
        @endif
    </div>
    @php
        $isModelTranslatable = (!isset($isModelTranslatable) || !isset($dataType)) ? false : $isModelTranslatable;
        if (isset($dataType->name)) {
            $table = $dataType->name;
        }
    @endphp
    @include('voyager::multilingual.language-selector')
@stop

@section('content')

    <div class="row">
        <div class="padding-item col-lg-12 col-md-12 col-sm-12">
            <nav class="navigation">
                <div class="right-top-nav flex-box">
                    <a class="flex-box back" href="{{ url()->previous() }}">
                        <img src="{{voyager_asset('icon/back.svg')}}">
                        {{ __('voyager::generic.return_to_list') }}

                    </a>
                    <button class="flex-box add-new" onclick="document.getElementById('contact_form').submit()">
                        <img src="{{voyager_asset('icon/change.svg')}}">
                        <p>
                            {{ __('voyager::generic.submit') }}

                        </p>

                    </button>
                </div>
            </nav>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="row">
                        <div class="padding-item col-lg-12 col-md-12 col-sm-12">
                            <h5 class="title">
                                {{ ucfirst($table) }}
                                {{ __('voyager::bread.bread_info') }}
                            </h5>
                        </div>

                        <form id="contact_form"
                              action="@if(isset($dataType->id)){{ route('voyager.bread.update', $dataType->id) }}@else{{ route('voyager.bread.store') }}@endif"
                              method="POST" role="form">
                            @if(isset($dataType->id))
                                <input type="hidden" value="{{ $dataType->id }}" name="id">
                                {{ method_field("PUT") }}
                            @endif
                            <div class="padding-item margin-bottom col-lg-12 col-md-12 col-sm-12">

                                <div class="box">
                                    <div class="row">
                                        <div class="col-lg-8 col-md-12 col-sm-12">

                                            <!-- CSRF TOKEN -->
                                            {{ csrf_field() }}
                                            <div class="row">
                                                <div class="padding-item margin-bottom col-lg-12 col-md-12 col-sm-12">
                                                    <div class="input-row">
                                                        <label>
                                                            {{ __('voyager::database.table_name') }}
                                                        </label>

                                                        <input type="text" readonly name="name"
                                                               placeholder="{{ __('generic_name') }}"
                                                               value="{{ $dataType->name ?? $table }}">
                                                    </div>
                                                </div>
                                                <div class="padding-item margin-bottom col-lg-12 col-md-12 col-sm-12">
                                                    <div class="input-row">
                                                        <label>
                                                            {{ __('voyager::bread.display_name_singular') }}
                                                        </label>
                                                        @if($isModelTranslatable)
                                                            @include('voyager::multilingual.input-hidden', [
                                                                'isModelTranslatable' => true,
                                                                '_field_name'         => 'display_name_singular',
                                                                '_field_trans' => get_field_translations($dataType, 'display_name_singular')
                                                            ])
                                                        @endif
                                                        <input type="text"
                                                               name="display_name_singular"
                                                               id="display_name_singular"
                                                               placeholder="{{ __('voyager::bread.display_name_singular') }}"
                                                               value="{{ $display_name }}">
                                                    </div>
                                                </div>
                                                <div class="padding-item margin-bottom col-lg-12 col-md-12 col-sm-12">
                                                    <div class="input-row">
                                                        <label>
                                                            {{ __('voyager::bread.display_name_plural') }}
                                                        </label>
                                                        @if($isModelTranslatable)
                                                            @include('voyager::multilingual.input-hidden', [
                                                                'isModelTranslatable' => true,
                                                                '_field_name'         => 'display_name_plural',
                                                                '_field_trans' => get_field_translations($dataType, 'display_name_plural')
                                                            ])
                                                        @endif
                                                        <input type="text"
                                                               name="display_name_plural"
                                                               id="display_name_plural"
                                                               placeholder="{{ __('voyager::bread.display_name_plural') }}"
                                                               value="{{ $display_name_plural }}">

                                                    </div>
                                                </div>
                                                <div class="padding-item margin-bottom col-lg-12 col-md-12 col-sm-12">
                                                    <div class="input-row">
                                                        <label>
                                                            {{ __('voyager::bread.url_slug') }}
                                                        </label>
                                                        <input type="text" name="slug"
                                                               placeholder="{{ __('voyager::bread.url_slug_ph') }}"
                                                               value="{{ $dataType->slug ?? $slug }}">

                                                    </div>
                                                </div>
                                                <div class="padding-item margin-bottom col-lg-12 col-md-12 col-sm-12">
                                                    <div class="input-row">
                                                        <label>{{ __('voyager::bread.icon_hint') }} <a
                                                                href="{{ route('voyager.compass.index', [], false) }}#fonts"
                                                                target="_blank">{{ __('voyager::bread.icon_hint2') }}
                                                            </a></label>
                                                        <input type="text" name="icon"
                                                               placeholder="{{ __('voyager::bread.icon_class') }}"
                                                               value="{{ $dataType->icon ?? '' }}">

                                                    </div>
                                                </div>
                                                <div class="padding-item margin-bottom col-lg-12 col-md-12 col-sm-12">
                                                    <div class="input-row">
                                                        <label>
                                                            {{ __('voyager::bread.model_name') }}
                                                            <span class="voyager-question"
                                                                  aria-hidden="true"
                                                                  data-toggle="tooltip"
                                                                  data-placement="right"
                                                                  title="{{ __('voyager::bread.model_name_ph') }}"></span>
                                                        </label>
                                                        <input type="text" name="model_name"
                                                               placeholder="{{ __('voyager::bread.model_class') }}"
                                                               value="{{ $dataType->model_name ?? $model_name }}">

                                                    </div>
                                                </div>
                                                <div class="padding-item margin-bottom col-lg-12 col-md-12 col-sm-12">
                                                    <div class="input-row">
                                                        <label>
                                                            {{ __('voyager::bread.controller_name') }}
                                                            <span class="voyager-question"
                                                                  aria-hidden="true"
                                                                  data-toggle="tooltip"
                                                                  data-placement="right"
                                                                  title="{{ __('voyager::bread.controller_name_hint') }}"></span>
                                                        </label>
                                                        <input type="text" name="controller"
                                                               placeholder="{{ __('voyager::bread.controller_name') }}"
                                                               value="{{ $dataType->controller ?? '' }}">

                                                    </div>
                                                </div>
                                                <div class="padding-item margin-bottom col-lg-12 col-md-12 col-sm-12">
                                                    <div class="input-row">
                                                        <label>
                                                            {{ __('voyager::bread.policy_name') }}

                                                            <span class="voyager-question"
                                                                  aria-hidden="true"
                                                                  data-toggle="tooltip"
                                                                  data-placement="right"
                                                                  title="{{ __('voyager::bread.policy_name_ph') }}"></span>
                                                        </label>
                                                        <input type="text" name="policy_name"
                                                               placeholder="{{ __('voyager::bread.policy_class') }}"
                                                               value="{{ $dataType->policy_name ?? '' }}">

                                                    </div>
                                                </div>

                                                <div class="padding-item margin-bottom col-lg-12 col-md-12 col-sm-12">
                                                    <div class="input-row">

                                                        <label>
                                                            {{ __('voyager::bread.order_column') }}
                                                            <span class="voyager-question"
                                                                  aria-hidden="true"
                                                                  data-toggle="tooltip"
                                                                  data-placement="right"
                                                                  title="{{ __('voyager::bread.order_column_ph') }}">

                                                            </span>
                                                        </label>
                                                        <div class="dropdown custom-selects">

                                                            <select>
                                                                <option value="">-- {{ __('voyager::generic.none') }}
                                                                    --
                                                                </option>

                                                                @foreach($fieldOptions as $tbl)
                                                                    <option value="{{ $tbl['field'] }}"
                                                                            @if(isset($dataType) && $dataType->order_column == $tbl['field']) selected @endif>
                                                                        {{ $tbl['field'] }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </div>

                                                    </div>
                                                </div>

                                                <div class="padding-item margin-bottom col-lg-12 col-md-12 col-sm-12">
                                                    <div class="input-row">
                                                        <label>
                                                            {{ __('voyager::bread.order_ident_column') }}
                                                            <span class="voyager-question"
                                                                  aria-hidden="true"
                                                                  data-toggle="tooltip"
                                                                  data-placement="right"
                                                                  title="{{ __('voyager::bread.order_ident_column_ph') }}">

                                                        </span>
                                                        </label>
                                                        <div class="dropdown custom-selects">
                                                            <select>


                                                                @foreach($fieldOptions as $tbl)
                                                                    <option value="{{ $tbl['field'] }}"
                                                                            @if(isset($dataType) && $dataType->order_display_column == $tbl['field']) selected @endif
                                                                    >{{ $tbl['field'] }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>

                                                    </div>
                                                </div>
                                                <div class="padding-item margin-bottom col-lg-12 col-md-12 col-sm-12">
                                                    <div class="input-row">
                                                        <label>
                                                            {{ __('voyager::bread.order_direction') }}

                                                        </label>
                                                        <div class="dropdown custom-selects">
                                                            <select>
                                                                <option value="asc"
                                                                        @if(isset($dataType) && $dataType->order_direction == 'asc') selected @endif>
                                                                    {{ __('voyager::generic.ascending') }}
                                                                </option>
                                                                <option value="desc"
                                                                        @if(isset($dataType) && $dataType->order_direction == 'desc') selected @endif>
                                                                    {{ __('voyager::generic.descending') }}
                                                                </option>
                                                            </select>
                                                        </div>

                                                    </div>
                                                </div>
                                                <div class="padding-item margin-bottom col-lg-12 col-md-12 col-sm-12">
                                                    <div class="input-row">
                                                        <label>
                                                            {{ __('voyager::bread.default_search_key') }}
                                                            <span class="voyager-question"
                                                                  aria-hidden="true"
                                                                  data-toggle="tooltip"
                                                                  data-placement="right"
                                                                  title="{{ __('voyager::bread.default_search_key_ph') }}"> </span>
                                                        </label>
                                                        <div class="dropdown custom-selects">
                                                            <select>
                                                                <option value="">-- {{ __('voyager::generic.none') }}
                                                                    --
                                                                </option>

                                                                @foreach($fieldOptions as $tbl)
                                                                    <option value="{{ $tbl['field'] }}"
                                                                            @if(isset($dataType) && $dataType->default_search_key == $tbl['field']) selected @endif
                                                                    >{{ $tbl['field'] }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>

                                                    </div>
                                                </div>
                                                <div class="padding-item col-lg-12 col-md-12 col-sm-12">
                                                    <div class="flex-box check-box-row">

                                                        <label class="switch">
                                                            <h6>
                                                                {{ __('voyager::bread.generate_permissions') }}
                                                            </h6>
                                                            
                                                            <input type="checkbox"
                                                                   name="generate_permissions"
                                                                   data-on="{{ __('voyager::generic.yes') }}"
                                                                   data-off="{{ __('voyager::generic.no') }}"
                                                                   @if($checked) checked @endif hidden/>
                                                            <span class="slider round"></span>
                                                        </label>
                                                    </div>
                                                </div>
                                                <div class="padding-item col-lg-12 col-md-12 col-sm-12">
                                                    <div id="check-box-row" class="flex-box check-box-row">

                                                        <label class="switch">
                                                            <h6>
                                                                {{ __('voyager::bread.server_pagination') }}
                                                            </h6>
                                                            
                                                            <input hidden name="server_side"
                                                                   checked value="1">
                                                            <span class="slider round"></span>
                                                        </label>
                                                    </div>
                                                </div>
                                                @if (isset($scopes) && isset($dataType))
                                                    <div class="padding-item margin-bottom col-lg-12 col-md-12 col-sm-12">
                                                        <div class="input-row">
                                                            <label>
                                                                {{ __('voyager::bread.scope') }}

                                                            </label>
                                                            <div class="dropdown custom-selects">
                                                                <select>
                                                                    <option value="">
                                                                        -- {{ __('voyager::generic.none') }} --
                                                                    </option>
                                                                    @foreach($scopes as $scope)
                                                                        <option value="{{ $scope }}"
                                                                                @if($dataType->scope == $scope) selected @endif
                                                                        >{{ $scope }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>

                                                        </div>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class=" padding-item col-lg-12 col-md-12 col-sm-12">
                                <h5 class="title">
                                    {{ __('voyager::bread.edit_rows', ['table' => $table]) }}:
                                </h5>
                            </div>

                            <div class="padding-item col-lg-12 col-md-12 col-sm-12">

                                <div class="box">
                                    <div class="row">
                                        <div class="padding-item col-lg-12 col-md-12 col-sm-12">
                                            <div class="headerOfTitleBread">
                                                <div class="col-md-3 col-xs-3 px-2 ">
                                                    {{ __('voyager::database.optional_details') }}
                                                </div>
                                                <div class="col-md-2 col-xs-2 px-2 ">
                                                    {{ __('voyager::bread.display_name') }}
                                                </div>
                                                <div class="col-md-2 col-xs-2 px-2">
                                                    {{ __('voyager::database.input_type') }}
                                                </div>
                                                <div class="col-md-2 col-xs-2 px-2">
                                                    {{ __('voyager::database.visibility') }}
                                                </div>
                                                <div class="col-md-2 col-xs-2 px-2">
                                                    {{ __('voyager::database.field') }}
                                                </div>

                                                <div class="col-md-1 col-xs-1 px-2">

                                                </div>
                                            </div>
                                            <table class="drag-table">
                                                <thead>
                                                <tr class="tr">
                                                    {{-- <th class="padding-item child2">
                                                         {{ __('voyager::database.field') }}
                                                     </th>
                                                     <th class="padding-item child2">
                                                         {{ __('voyager::database.visibility') }}
                                                     </th>
                                                     <th class="padding-item child2">
                                                         {{ __('voyager::database.input_type') }}
                                                     </th>
                                                     <th class="child1 padding-item text-center">
                                                         {{ __('voyager::bread.display_name') }}
                                                     </th>
                                                     <th class="child1 padding-item ">
                                                         {{ __('voyager::database.optional_details') }}
                                                     </th>
                                                     <th class="child1 padding-item">

                                                     </th>--}}
                                                </tr>
                                                </thead>
                                                <tbody>

                                                <div class="drag-table" id="bread-items">

                                                    @php
                                                        $r_order = 0;
                                                    @endphp

                                                    @foreach($fieldOptions as $data)
                                                        @php
                                                            $r_order += 1;
                                                        @endphp

                                                        @if(isset($dataType->id))