@extends('voyager::master')

@section('page_title', __('voyager::generic.'.(isset($dataTypeContent->id) ? 'edit' : 'add')).' '.$dataType->getTranslatedAttribute('display_name_singular'))

@section('css')
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <style>
        .error {
            color: red;
            font-size: 1rem;
            display: block;
            margin-top: 5px;
        }
    </style>
@stop

@section('page_header')
    <h1 class="page-title">
        <i class="{{ $dataType->icon }}"></i>
        {{ __('voyager::generic.'.(isset($dataTypeContent->id) ? 'edit' : 'add')).' '.$dataType->getTranslatedAttribute('display_name_singular') }}
    </h1>
@stop

@section('content')
    <div class="page-content container-fluid">
        <form class="form-edit-add" role="form"
              action="@if(!is_null($dataTypeContent->getKey())){{ route('voyager.'.$dataType->slug.'.update', $dataTypeContent->getKey()) }}@else{{ route('voyager.'.$dataType->slug.'.store') }}@endif"
              method="POST" enctype="multipart/form-data" autocomplete="off">
            <!-- PUT Method if we are editing -->
            @if(isset($dataTypeContent->id))
                {{ method_field("PUT") }}
            @endif
            {{ csrf_field() }}
            <input type="hidden" id="lead_id" name="lead_id" value="">
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-bordered">
                        {{-- <div class="panel"> --}}
                        @if (count($errors) > 0)
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <div class="panel-heading">
                            <h3 class="panel-title">
                                <h3 class="panel-title">{{ __('voyager::generic.plan_details') }}</h3>
                            </h3>
                            <div class="panel-actions">
                                <a class="panel-action voyager-angle-down" data-toggle="panel-collapse" aria-hidden="true"></a>
                            </div>
                        </div>

                        <div class="panel-body">
                            <div class="form-group">
                                <label for="name">{{ __('voyager::generic.name') }}</label>
                                <input type="text" disabled name="name" class="form-control" id="name" placeholder="{{ __('voyager::generic.name') }}" value="{{ old('name', $dataTypeContent->name ?? '') }}">
                            </div>

                            {{-- description --}}
                            <div class="form-group">
                                <label for="description">{{ __('voyager::seeders.data_rows.description') }}
                                    <small class="text-danger">*</small>
                                </label>
                                <textarea name="description" class="form-control @error('description') is-invalid @enderror" cols="30" rows="4" id="description"
                                          placeholder="{{ __('voyager::seeders.data_rows.description') }}">{{ old('description') ? old('description') : $dataTypeContent->description }}</textarea>

                                @error('description')
                                <div class="text-danger error-massage">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="form-group  ">
                                <label for="is_active">{{ __('voyager::seeders.data_rows.is_active') }}</label>

                                <select class="form-control select2-default-obj @error('is_active') is-invalid @enderror" name="is_active">
                                    <option selected disabled>{{ __('voyager::generic.choose_status') }}</option>
                                    <option value="1" {{ (old('is_active') == '1' || $dataTypeContent->is_active == '1') ? "selected" : "" }}>{{ __('voyager::generic.active') }}</option>
                                    <option value="0" {{ (old('is_active') == '0' || $dataTypeContent->is_active == '0') ? "selected" : "" }}>{{ __('voyager::generic.unactivated') }}</option>
                                </select>

                                @error('is_active')
                                <div class="text-danger error-massage">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label for="title">{{ __('voyager::seeders.data_rows.price') }}</label>
                                <input type="number" class="form-control" name="price" id="price" placeholder="{{ __('voyager::seeders.data_rows.price') }} " value="{{ old('price', $dataTypeContent->price ?? '') }}">
                            </div>

                            <div class="form-group">
                                <label for="title">{{ __('voyager::seeders.data_rows.discount') }}</label>
                                <input type="number" class="form-control" name="discount" id="discount" placeholder="{{ __('voyager::seeders.data_rows.discount') }} " value="{{ old('discount', $dataTypeContent->discount ?? '') }}">
                            </div>

                            <div class="form-group">
                                <label for="title">{{ __('voyager::seeders.data_rows.discount_text') }}</label>
                                <input type="text" class="form-control" name="discount_text" id="discount_text" placeholder="{{ __('voyager::seeders.data_rows.discount_text') }} " value="{{ old('discount_text', $dataTypeContent->discount_text ?? '') }}">
                            </div>

                            <div class="form-group">
                                <label for="area">{{ __('voyager::seeders.data_rows.currency') }}</label>
                                <input type="text" class="form-control" name="currency" id="currency" placeholder="{{ __('voyager::seeders.data_rows.currency') }} " value="{{ old('currency', $dataTypeContent->currency ?? '') }}">
                            </div>

                            <div class="form-group">
                                <label for="title">{{ __('voyager::seeders.data_rows.duration') }}</label>
                                <input type="number" class="form-control" name="duration" id="duration" placeholder="{{ __('voyager::seeders.data_rows.duration') }} " value="{{ old('duration', $dataTypeContent->duration ?? '') }}">
                            </div>
                        </div>
                    </div>

                    {{-- Features Information --}}
                    <div class="panel" id="office_information" >
                        <div class="panel-heading">
                            <h3 class="panel-title">{{ __('voyager::generic.features_information') }}</h3>
                            <div class="panel-actions">
                                <a class="panel-action voyager-angle-down" data-toggle="panel-collapse" aria-hidden="true"></a>
                            </div>
                        </div>

                        <div class="panel-body">
                            <div class="form-group">
                                <label class="col-lg-3">{{ __('voyager::seeders.data_rows.users_accounts') }}</label>
                                <input type="number" class="form-control" name="users_accounts" id="users_accounts" placeholder="{{ __('voyager::seeders.data_rows.users_accounts') }} " value="{{ old('users_accounts', ($dataTypeContent->features()->code('users_accounts')->first()->type == "limit" ? $dataTypeContent->features()->code('users_accounts')->first()->limit : '') ?? '') }}">
                            </div>

                            <div class="form-group">
                                <label class="col-lg-3">{{ __('voyager::seeders.data_rows.ads_numbers') }}</label>

                                <input id="toggle-one" class="toggle" name="ads_numbers" type="checkbox" {{ old('ads_numbers') == 'on' || $dataTypeContent->features()->code('ads_numbers')->first() ? 'checked' : '' }}>
                            </div>

                            <div class="form-group">
                                <label class="col-lg-3">{{ __('voyager::seeders.data_rows.orders_numbers') }}</label>

                                <input id="toggle-one" class="toggle" name="orders_numbers" type="checkbox" {{ old('orders_numbers') == 'on' || $dataTypeContent->features()->code('orders_numbers')->first()  ? 'checked' : '' }}>
                            </div>

                            <div class="form-group">
                                <label class="col-lg-3">{{ __('voyager::seeders.data_rows.appearance_edit') }}</label>

                                <input id="toggle-one" class="toggle" name="appearance_edit" type="checkbox" {{ old('appearance_edit') == 'on' || $dataTypeContent->features()->code('appearance_edit')->first()  ? 'checked' : '' }}>
                            </div>

                            <div class="form-group">
                                <label class="col-lg-3">{{ __('voyager::seeders.data_rows.pdf_files') }}</label>

                                <input id="toggle-one" class="toggle" name="pdf_files" type="checkbox" {{ old('pdf_files') == 'on' || $dataTypeContent->features()->code('pdf_files')->first()  ? 'checked' : '' }}>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <button type="submit" class="btn btn-primary pull-right save">
                {{ __('voyager::generic.save') }}
            </button>
        </form>
        <div style="display:none">
            <input type="hidden" id="upload_url" value="{{ route('voyager.upload') }}">
            <input type="hidden" id="upload_type_slug" value="{{ $dataType->slug }}">
        </div>
    </div>
@stop

@section('javascript')
    <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>

    <script>
        $('document').ready(function () {
            $('.datepicker').datetimepicker({
                format: 'YYYY-MM-DD'
            });

            $('.toggle').bootstrapToggle();


            $(".form-edit-add").validate({
                debug: false,
                event: 'blur',
                rules: {
                    name: {
                        required: true,
                    },
                    email: {
                        required: true,
                    },
                    phone: {
                        required: true,
                    },
                    country_id: {
                        required: true,
                    },
                    role_id: {
                        required: true,
                    },
                },
            });
        });
    </script>

    <script>
        $('document').ready(function () {
            $('.toggleswitch').bootstrapToggle();

        });
    </script>
@stop