@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-8">
                    <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">
                                {{ __('voyager::generic.basic_info') }}
                            </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="title">{{ __('voyager::seeders.data_rows.title') }}</label>

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

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

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

                                <textarea class="form-control" name="description" id="description" >{{ old('description', $dataTypeContent->description ?? '') }}</textarea>

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

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

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

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

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

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

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

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

                                <select class="form-control select2" name="offer_incentives[]" multiple required>
                                    <option value="fee" {{ ( old('offer_incentives') && in_array('fee',old('offer_incentives')) ) || ($dataTypeContent->offer_incentives && in_array('fee', $dataTypeContent->offer_incentives)) ? 'selected' : '' }}>{{ __('voyager::generic.fee') }}</option>
                                    <option value="product_service" {{ ( old('offer_incentives') && in_array('product_service',old('offer_incentives')) ) || ($dataTypeContent->offer_incentives && in_array('product_service', $dataTypeContent->offer_incentives)) ? 'selected' : '' }}>{{ __('voyager::generic.product_service') }}</option>
                                    <option value="commission" {{ ( old('offer_incentives') && in_array('commission',old('offer_incentives')) ) || ($dataTypeContent->offer_incentives && in_array('commission', $dataTypeContent->offer_incentives)) ? 'selected' : '' }}>{{ __('voyager::generic.commission') }}</option>
                                </select>

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

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

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

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

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

                                <select class="form-control select2 @error('gift_delivery_method') is-invalid @enderror" name="gift_delivery_method">
                                    <option value="delivery" {{ (old('gift_delivery_method') == 'delivery' || $dataTypeContent->gift_delivery_method == 'delivery') ? "selected" : "" }}>{{ __('voyager::generic.delivery') }}</option>
                                    <option value="walk_in" {{ (old('gift_delivery_method') == 'walk_in' || $dataTypeContent->gift_delivery_method == 'walk_in') ? "selected" : "" }}>{{ __('voyager::generic.walk_in') }}</option>
                                </select>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                                @error('mentions')
                                <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::generic.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" required>
                                    <option disabled value="" selected>---</option>
                                    @foreach(\App\Models\Currency::get() as $currency)
                                        <option value="{{ $currency->id }}" @if(old('currency_id', $dataTypeContent->currency_id) == $currency->id) selected="selected" @endif>{{ $currency->name }} ({{ $currency->symbol }})</option>
                                    @endforeach
                                </select>

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

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

                                <select class="form-control select2" name="category_id" required>
                                    <option disabled value="" selected>---</option>
                                    @foreach(\App\Models\Category::get() as $category)
                                        <option value="{{ $category->id }}" @if(old('category_id', $dataTypeContent->category_id) == $category->id) selected="selected" @endif>{{ $category->name }}</option>
                                    @endforeach
                                </select>

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

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

                                @php
                                    $platforms = \App\Models\Platform::all();
                                    $selectedPlatforms = $dataTypeContent->platforms->pluck('id')->toArray();
                                @endphp

                                <select class="form-control select2" multiple name="platforms[]" required>
                                    @foreach($platforms as $platform)
                                        <option value="{{ $platform->id }}"
                                            {{ in_array($platform->id, old('platforms', $selectedPlatforms)) ? 'selected' : '' }}>
                                            {{ $platform->name }}
                                        </option>
                                    @endforeach
                                </select>

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

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

                                @php
                                    $cities = \App\Models\City::all();
                                    $selectedCities = $dataTypeContent->cities->pluck('id')->toArray();
                                @endphp

                                <select class="form-control select2" multiple name="cities[]" required>
                                    @foreach($cities as $city)
                                        <option value="{{ $city->id }}"
                                            {{ in_array($city->id, old('cities', $selectedCities)) ? 'selected' : '' }}>
                                            {{ $city->name }}
                                        </option>
                                    @endforeach
                                </select>

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

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

                                @php
                                    $creatorCategories = \App\Models\CreatorCategory::all();
                                    $selectedCreatorCategories = $dataTypeContent->creatorCategories->pluck('id')->toArray();
                                @endphp

                                <select class="form-control select2" multiple name="creator_categories[]" required>
                                    @foreach($creatorCategories as $creatorCategory)
                                        <option value="{{ $creatorCategory->id }}"
                                            {{ in_array($creatorCategory->id, old('creator_categories', $selectedCreatorCategories)) ? 'selected' : '' }}>
                                            {{ $creatorCategory->name }}
                                        </option>
                                    @endforeach
                                </select>

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

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

                                <select class="form-control select2" name="brand_id" required>
                                    <option disabled value="" selected>---</option>
                                    @foreach(\App\Models\Brand::get() as $brand)
                                        <option value="{{ $brand->id }}" @if(old('brand_id', $dataTypeContent->brand_id) == $brand->id) selected="selected" @endif>{{ $brand->company_name }}</option>
                                    @endforeach
                                </select>

                                @error('brand_id')
                                <div class="text-danger error-massage">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <!-- ### images ### -->
                    <div class="panel panel-bordered" >
                        <div class="panel-heading">
                            <h3 class="panel-title">{!! __('voyager::generic.images') !!}</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">

                            {{-- images --}}
                            <div class="form-group col-md-12">
                                <div class="img-wrap row">
                                    @php
                                        $images = $dataTypeContent->images()->where('is_pixabay',false)->get();
                                    @endphp

                                    @if($images)
                                        @foreach($images as $key => $image)
                                            <div class="col-md-12 image-div">
                                                <img src="{{ filter_var($image->image_path, FILTER_VALIDATE_URL) ? $image->image_path : Voyager::image( $image->image_path ) }}" style="width:200px; height:auto; clear:both; display:block; padding:2px; border:1px solid #ddd; margin-bottom:10px;" />

                                                <button type="button" class="btn btn-circle btn-danger remove" data-image="{{ $image->id }}">
                                                    <i class="voyager-trash"></i>
                                                </button>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>

                                <input type="file" accept="image/*" id="image_path" class="form-control-file @error('images') is-invalid @enderror" name="images[]" multiple>

                                @error('image_path')
                                <div class="text-danger">{{ $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')
    <script>
        $(document).ready(function(){
            $(document).on('click','.remove',function(){

                var image_source = $(this).data('image');

                var var_this = $(this);

                $.ajax({
                    url: "{{ route('voyager.remove_offer_image.ajax') }}",
                    data: {
                        "image_source": image_source,
                    },
                    type: "GET",
                    success: function(response)
                    {
                        toastr.success(response.success+'!');
                        $(var_this).closest('.image-div').remove();
                    },
                    error: function(xhr) {

                    }
                });

            });
        });
    </script>
@stop