@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>
    <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>
@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-body">
                            <div class="form-group">
                                <label for="user_id">{{ __('voyager::seeders.data_rows.user') }}</label>
                                <select class="form-control select2" name="user_id" required>
                                    @foreach(\App\Models\User::wherehas('role',function ($query){ $query->where('name','customer'); })->get() as $user)
                                        <option value="{{ $user->id }}" @if(old('user_id', $dataTypeContent->user_id) == $user->id) selected="selected" @endif>{{ $user->name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="form-group">
                                <label for="name">{{ __('voyager::seeders.data_rows.rate') }}</label>
                                    <fieldset class="starability-basic">

                                        <input type="radio" id="no-rate-basic" class="input-no-rate" name="rate" value="0" checked="" aria-label="No rating.">

                                        <input type="radio" id="rate1" name="rate" value="1" {{($dataTypeContent->rate == 1 ? "checked" : "")}}>
                                        <label for="rate1" title="Terrible">1 star</label>

                                        <input type="radio" id="rate2" name="rate" value="2" {{($dataTypeContent->rate == 2 ? "checked" : "")}}>
                                        <label for="rate2" title="Not good">2 stars</label>

                                        <input type="radio" id="rate3" name="rate" value="3" {{($dataTypeContent->rate == 3 ? "checked" : "")}}>
                                        <label for="rate3" title="Average">3 stars</label>

                                        <input type="radio" id="rate4" name="rate" value="4" {{($dataTypeContent->rate == 4 ? "checked" : "")}}>
                                        <label for="rate4" title="Very good">4 stars</label>

                                        <input type="radio" id="rate5" name="rate" value="5" {{($dataTypeContent->rate == 5 ? "checked" : "")}}>
                                        <label for="rate5" title="Amazing">5 stars</label>

                                        <span class="starability-focus-ring"></span>
                                    </fieldset>

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

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

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

                                @error('review')
                                <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 @error('status') is-invalid @enderror" name="status" id="status_select">
                                    <option selected disabled>{{ __('voyager::seeders.data_rows.choose_status') }}</option>
                                    <option value="DRAFT" {{ 'DRAFT' == old('status') || 'DRAFT' == $dataTypeContent->status ? 'selected':'' }}>{{ __('voyager::post.status_draft') }}</option>
                                    <option value="PUBLISHED" {{ 'PUBLISHED' == old('status') || 'PUBLISHED' == $dataTypeContent->status ? 'selected':'' }}>{{ __('voyager::post.status_published') }}</option>
                                    <option value="PENDING" {{ 'PENDING' == old('status') || 'PENDING' == $dataTypeContent->status ? 'selected':'' }}>{{ __('voyager::post.status_pending') }}</option>
                                </select>

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

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

                                <select class="form-control valid" id="reviewable_type" name="reviewable_type" aria-invalid="false">
                                    <option selected="" disabled=""
                                            value="">{{ __('voyager::generic.choose_reviewable_type') }}</option>
                                    <option value="App\Models\Package" {{"App\Models\Package" == old('reviewable_type') || ($dataTypeContent && $dataTypeContent->reviewable_type == 'App\Models\Package') ?'selected':''}}>
                                        {{ __('voyager::generic.package') }}
                                    </option>
                                    <option value="App\Models\Agency" {{"App\Models\Agency" == old('reviewable_type') || ($dataTypeContent && $dataTypeContent->reviewable_type == 'App\Models\Agency') ?'selected':''}}>
                                        {{ __('voyager::generic.agency') }}
                                    </option>
                                </select>

                            </div>

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

                                <select class="form-control baltoe-form-control select-no-padding valid" id="reviewable_id"
                                        name="reviewable_id" aria-invalid="false" disabled="disabled">
                                    <option selected="" disabled="disabled"
                                            value="">{{ __('voyager::generic.choose') }}</option>

                                </select>

                            </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(){
            {{-- init select2 input --}}
            $('#reviewable_type').select2();
            $('#reviewable_type').on("select2:select", function (e) {
                checkReviewed();
            });

            checkReviewed();

            function checkReviewed()
            {
                var reviewable_type = $("select[name='reviewable_type']").val();
                if (reviewable_type == "App\\Models\\Package")
                {
                    var translate = "{{ __('voyager::generic.choose_package') }}";
                }else if(reviewable_type == "App\\Models\\Agency")
                {
                    var translate = "{{ __('voyager::generic.choose_agency') }}";
                }

                $.ajax({
                    url: "{{ route('voyager.reviews.reviewable.ajax') }}",
                    data: {"reviewable_type": reviewable_type},
                    success: function (result) {

                        var old_reviewable_id = "{{ old('reviewable_id') }}";
                        var reviewable_id = "{{ $dataTypeContent->reviewable_id }}";

                        option_tag = '  <option selected="" disabled="" value="">'+translate+'</option>';
                        $.each(result.reviews, function (key, reviewable) {
                            option_tag += '<option value="' + reviewable.id + '" data-foo="" '+ ( ( (old_reviewable_id == reviewable.id || reviewable_id == reviewable.id) ) ? 'selected' : '' ) +'>' + reviewable.name + '</option>';
                        });
                        $("#reviewable_id").html(option_tag);
                        $("#reviewable_id").attr("disabled", false);
                        $('#reviewable_id').select2();
                    },

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