@extends('voyager::master')

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

@section('css')
    <link rel="stylesheet" href="{{asset('css/selectize.css')}}">

    <meta name="csrf-token" content="{{ csrf_token() }}">
    <style>
        .error {
            color: red;
            font-size: 1rem;
            display: block;
            margin-top: 5px;
        }
    </style>
    <style>
        .panel .mce-panel {
            border-left-color: #fff;
            border-right-color: #fff;
        }

        .panel .mce-toolbar,
        .panel .mce-statusbar {
            padding-left: 20px;
        }

        .panel .mce-edit-area,
        .panel .mce-edit-area iframe,
        .panel .mce-edit-area iframe html {
            padding: 0 10px;
            min-height: 350px;
        }

        .mce-content-body {
            color: #555;
            font-size: 14px;
        }

        .panel.is-fullscreen .mce-statusbar {
            position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
        }

        .panel.is-fullscreen .mce-tinymce {
            height: 100%;
        }

        .panel.is-fullscreen .mce-edit-area,
        .panel.is-fullscreen .mce-edit-area iframe,
        .panel.is-fullscreen .mce-edit-area iframe html {
            height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
        }

        .error {
            color: red;
            font-size: 1rem;
            display: block;
            margin-top: 5px;
        }

        .img-wrap {
            position: relative;
        }

        .image-div {
            position: relative;
        }
        .img-wrap .remove {
            position: absolute;
            top: 2px;
            left: 20px;
            z-index: 100;
        }
    </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>
    @include('voyager::multilingual.language-selector')
@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() }}

            <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 $key => $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <div class="panel-heading">
                            <h3 class="panel-title">
                                <i class="voyager-character"></i> {{ __('voyager::seeders.data_rows.profile_name') }}
                            </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="influencer_id">{{ __('voyager::seeders.data_rows.influencer_id') }}</label>

                                <select class="form-control select2" name="influencer_id" id="influencer_id" {{ (!is_null($dataTypeContent->getKey())? 'disabled' : '') }}>
                                    @foreach(\App\Models\User::where('userable_type',\App\Models\Influencer::class)->get() as $user)
                                        <option value="{{ $user->userable_id }}" {{  ( old('influencer_id') == $user->userable_id || $dataTypeContent->influencer_id == $user->userable_id) ?'selected':''}}>{{ $user->email }}</option>
                                    @endforeach
                                </select>

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

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

                                <input type="text" class="form-control" id="profile_name" name="profile_name" placeholder="{{ __('voyager::seeders.data_rows.profile_name') }}"
                                       value="{{ old('profile_name', $dataTypeContent->profile_name ?? '') }}">

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

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

                                <select class="form-control" name="platform" id="platform">
                                    @foreach(\App\Models\InfluencerReport::$platforms as $platform)
                                        <option value="{{ $platform }}" {{ old('platform') == $platform || $dataTypeContent->platform == $platform ? 'selected' : '' }}>{{ $platform }}</option>
                                    @endforeach
                                </select>

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

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

                                <input type="text" class="form-control" id="handle" name="handle" placeholder="{{ '@'.__('voyager::seeders.data_rows.handle') }}"
                                       value="{{ old('handle', $dataTypeContent->handle ?? '') }}">

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

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

                                <input disabled type="text" class="form-control" id="social_user_id" name="social_user_id" placeholder="{{ __('voyager::seeders.data_rows.social_user_id') }}"
                                       value="{{ old('handle', $dataTypeContent->social_user_id ?? '') }}">

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

                        </div>
                    </div>

                    <div class="panel panel-bordered">
                        <div class="panel-heading">
                            <h3 class="panel-title">{!! __('voyager::report.additional_fields') !!}</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="currency_id">{{ __('voyager::seeders.data_rows.currency_id') }}</label>

                                <select class="form-control select2" name="currency_id" id="currency_id">
                                    @foreach(\App\Models\Currency::all() as $currency)
                                        <option value="{{ $currency->id }}" {{  ( old('services') == $currency->id || $dataTypeContent->currency_id == $currency->id) ?'selected':''}}>{{ $currency->name }}</option>
                                    @endforeach
                                </select>

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

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

                                <input type="text" class="form-control" id="story_fee" name="story_fee" placeholder="{{ __('voyager::seeders.data_rows.story_fee') }}"
                                       value="{{ old('story_fee', $dataTypeContent->story_fee ?? '') }}">

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

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

                                <input type="text" class="form-control" id="post_fee" name="post_fee" placeholder="{{ __('voyager::seeders.data_rows.post_fee') }}"
                                       value="{{ old('post_fee', $dataTypeContent->post_fee ?? '') }}">

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

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

                                <input type="text" class="form-control" id="reel_fee" name="reel_fee" placeholder="{{ __('voyager::seeders.data_rows.reel_fee') }}"
                                       value="{{ old('reel_fee', $dataTypeContent->reel_fee ?? '') }}">

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

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

                                <input type="text" class="form-control" id="video_fee" name="video_fee" placeholder="{{ __('voyager::seeders.data_rows.video_fee') }}"
                                       value="{{ old('video_fee', $dataTypeContent->video_fee ?? '') }}">

                                @error('video_fee')
                                <div class="text-danger error-massage">{{ $message }}</div>
                                @enderror
                            </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')

@stop