@extends('layouts.app')

@section('content')

<link rel="stylesheet" href="{{asset('css/form-backend.css')}}">

    <div class="addpromo">

        <div class="container">


            @if(isset($promo))
                {{ Form::model($promo, array('route' => ['promo.update'], 'files' => true)) }}
                {{ Form::hidden('_method', 'PATCH') }}
                {{ Form::hidden('promo_id', $promo->id, ['id' => 'promo_id']) }}
            @else
                {{ Form::open(array('url' => '/backend/promo', 'method' => 'POST', 'files' => true)) }}
            @endif
            <section class="title">
                <div class="row">
                    <div class="col-12">
                        <div class="row">
                            <div class="col-12 col-lg-6">
                                <p class="title">Add/Edit Promo</p>
                            </div>
                            <div class="col-6 col-lg-5 ml-auto text-right">
                                <a class="btn btn-action" href="/backend/promo" role="button">Back To Promo List</a>
                            </div>
                            <div class="col-6 col-lg-1">
                                {{Form::submit('Save')}}
                            </div>
                        </div>
                        <hr>
                    </div>
                </div>
            </section>

            @if(count($errors) > 0)
              <div class="alert alert-danger">
                @foreach($errors->all() as $error)
                    <p>{{ $error }}</p>
                @endforeach
              </div>
            @endif
                <div class="row">
                    <div class="col-12 col-lg-10 mx-auto">
                        <div class="row mb-3">
                            <div class="col-12">{{Form::label('name', 'Name')}}*</div>
                            <div class="col-12">{{Form::text('name', null, array('required' => 'required'))}}</div>
                            @if(isset($promo))
                            <div class="col-12">
                                <p class="description">Temporary Link:
                                    <a id="temp_link" href="{{'https://fujifilm-x.id/claimpromo/'.$promo->temp_link}}">{{'https://fujifilm-x.id/claimpromo/'.$promo->temp_link}}</a>
                                    <a href="#" onclick="event.preventDefault();" id="copy" class="btn btn-success btn-sm">Copy</a>
                                    <a href="#" onclick="event.preventDefault();" id="refresh" class="btn btn-primary btn-sm">Update Link</a>
                                </p>

                            </div>
                            @endif
                        </div>
                        <div class="row mb-3">
                            <div class="col-12">{{Form::label('start_period', 'Start Period')}}*</div>
                            <div class="col-12">{{Form::text('start_period', null, array('required' => 'required','id'=>'datepicker-start', 'readonly'))}}</div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-12">{{Form::label('end_period', 'End Period')}}*</div>
                            <div class="col-12">{{Form::text('end_period', null, array('required' => 'required','id'=>'datepicker-end', 'readonly'))}}</div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-12">{{Form::label('description', 'Description')}}*</div>
                            <div class="col-12">{{Form::textarea('description', null, array('required' => 'required'))}}</div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-12">{{Form::label('detail', 'More Detail')}}*</div>
                            {{-- <div class="col-12">{{Form::textarea('detail', null, array('required' => 'required', 'id' => 'detail'))}}</div> --}}
                            <div class="col-12">
                                <textarea id="summernote" name="detail" required>{!! isset($promo->detail) ? $promo->detail : '' !!}</textarea>
                            </div>

                        </div>
                        <div class="row mb-3">
                            <div class="col-12">{{Form::label('image_banner', 'Image Banner')}}*</div>
                            <div class="col-12">
                                @if(isset($promo))
                                    @if($promo->image_banner)
                                        <img src="{{ env('SUB_DIRECTORY').Storage::url($promo->image_banner) }}" class="img-fluid">
                                        <!-- <img src="{{ url($promo->image_banner) }}"> -->
                                    @endif
                                @endif
                                {{Form::file('image_banner', null, array('required' => 'required'))}}
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-12">{{Form::label('template', 'Template')}}</div>
                            <div class="col-12">
                                <select name="template">
                                    @foreach($template as $temp)
                                        <option value="{{$temp['value']}}"
                                        @if(isset($promo) && $promo->template == $temp['value'])
                                            selected="selected"
                                        @endif
                                        >{{$temp['name']}}</option>
                                    @endforeach

                                    <!-- <option value="1">Bottom</option> -->
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 justify-content-center">{{Form::submit('Save')}}</div>
                        </div>
                    </div>
                </div>
                {{ Form::close() }}
        </div>
    </div>
    <script>
        // CKEDITOR.replace( 'detail' );

        $(document).ready(function() {
        $('#refresh').on('click', function(){
            var promo_id = $('#promo_id').val();
            $.ajax({
                url: '/promo/'+promo_id+'/refresh',
                type:"GET",
                dataType:"json",

                success:function(data) {
                    console.log(data);
                    $('#temp_link').attr('href', 'https://fujifilm-x.id/claimpromo/' + data['temp_link']);
                    $('#temp_link').html('https://fujifilm-x.id/claimpromo/' + data['temp_link']);
                    return false;

                },
            });

        });
        $('#copy').on('click', function(){
            var $temp = $("<input>");
            $("body").append($temp);
            $temp.val($('#temp_link').text()).select();
            document.execCommand("copy");
            $temp.remove();
        });

    });
    </script>

@endsection

@push('after-script')
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.js"></script>
<script>
    $(document).ready(function() {
        $('#summernote').summernote({
            height: 300,
            toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'underline', 'clear']],
                ['fontname', ['fontname']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['table', ['table']],
                ['insert', ['link', 'picture', 'video']],
                ['view', ['fullscreen', 'codeview', 'help']]
            ]
        });
    });
</script>
@endpush

@push('after-style')
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.css" rel="stylesheet">
@endpush