@extends('backend.layouts.master')

@section('title')
Edit Static Page
@endsection

@section('content')
<section>
    <!-- Sidebar -->
    @include('backend/includes/sidebar')

    <!-- body content start-->
    <div class="body-content" >

        <!-- Header -->
        @include('backend/includes/header')

        <!-- page head start-->
        <div class="page-head">
            <h3>Edit Static Page</h3>
        </div>
        <!-- page head end-->

        <!--body wrapper start-->
        <div class="wrapper">
            <div class="row">
                <div class="col-md-12 col-xs-12">
                    @if(count($errors) > 0)
                        <div class="row">
                        <div class="alert alert-block alert-danger fade in">
                            <button data-dismiss="alert" class="close close-sm" type="button">
                                <i class="fa fa-times"></i>
                            </button>
                            <ul>
                                @foreach($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                    @endif
                    <section class="panel">
                        <header class="panel-heading">
                            Edit Static Page
                        </header>
                        <div class="panel-body">
                            <form id="category_form" class="cmxform form-horizontal tasi-form" action="{{ route('update_static_page') }}" method="post" enctype="multipart/form-data">
                                <input type="hidden" name="_token" value="{{ Session::token() }}">
                                <input type="hidden" name="id" value="{{ $pages->id }}">
                                <div class="form-group">
                                    <label for="pn" class="col-lg-2 col-sm-2 control-label">Page Title *</label>
                                    <div class="col-lg-10">
                                        <input type="text" class="form-control required" id="pn" name="page_name" value="{{ $pages->page_name }}">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="sl" class="col-lg-2 col-sm-2 control-label">Slug *</label>
                                    <div class="col-lg-10">
                                        <input type="text" class="form-control required" id="sl" name="slug" value="{{ $pages->slug }}" onkeyup="this.value=this.value.replace(/[^a-z^0-9^-]/g,'');" onblur="check_slug(this.value)">
                                        <small style="color: grey;">(Only Lower case and - is allowed)</small>
                                        <small style="color: red; display: none;" class="slug_exist"><br>This slug is already taken</small>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="mti" class="col-lg-2 col-sm-2 control-label">Meta Title *</label>
                                    <div class="col-lg-10">
                                        <input type="text" class="form-control required" id="mti" name="meta_title" value="{{ $pages->meta_title }}">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="mt" class="col-lg-2 col-sm-2 control-label">Meta Description</label>
                                    <div class="col-lg-10">
                                        <textarea class="form-control" id="mt" name="meta_description">{{ $pages->meta_description }}</textarea>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="mk" class="col-lg-2 col-sm-2 control-label">Meta Keywords</label>
                                    <div class="col-lg-10">
                                        <input type="text" class="form-control" id="mk" name="meta_keywords" value="{{ $pages->meta_keywords }}">
                                    </div>
                                </div>

                                @if($pages->template_id == 6)
                                                                <div class="form-group">
                                    <label for="add" class="col-lg-2 col-sm-2 control-label">Address</label>
                                    <div class="col-lg-10">
                                        <input type="text" name="page_content[address]" id="add" class="form-control" value="{{ $page_content->address }}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-2 col-sm-2 control-label">Emails</label>
                                    <div class="col-lg-10">
                                        <div class="row">
                                            <div class="col-lg-5">
                                                @foreach($page_content->add_key as $key)
                                                <input type="text" name="page_content[add_key][]" class="form-control" placeholder="Email Label" value="{{ $key }}">
                                                @endforeach
                                            </div>
                                            <div class="col-lg-5">
                                                @foreach($page_content->add_value as $value)
                                                <input type="text" name="page_content[add_value][]" class="form-control" placeholder="Email Address" value="{{ $value }}">
                                                @endforeach
                                            </div>
                                            <div class="col-lg-2">
                                                <center>
                                                    <button type="button" onclick="add_email()" class="btn btn-round btn-info">Add New</button>
                                                </center>
                                            </div>
                                        </div>
                                        <div id="add_email"></div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-2 col-sm-2 control-label">Phone Numbers</label>
                                    <div class="col-lg-10">
                                        <div class="row">
                                            <div class="col-lg-5">
                                                @foreach($page_content->phone_key as $pkey)
                                                <input type="text" name="page_content[phone_key][]" class="form-control" placeholder="Phone Label" value="{{ $pkey }}">
                                                @endforeach
                                            </div>
                                            <div class="col-lg-5">
                                                @foreach($page_content->phone_value as $pvalue)
                                                <input type="text" name="page_content[phone_value][]" class="form-control" placeholder="Phone Number" value="{{ $pvalue }}">
                                                @endforeach
                                            </div>
                                            <div class="col-lg-2">
                                                <center>
                                                    <button type="button" onclick="add_phone()" class="btn btn-round btn-info">Add New</button>
                                                </center>
                                            </div>
                                        </div>
                                        <div id="add_phone"></div>
                                    </div>
                                </div>
                                @endif

                                <div class="form-group">
                                    <div class="col-lg-offset-2 col-lg-10">
                                        <button type="submit" class="btn btn-primary submit">Save</button>
                                        <a href="{{ route('static_pages') }}" class="btn btn-default">Cancel</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </section>
                </div>
            </div>
        </div>
        <!--body wrapper end-->

        <!-- Footer -->
        @include('backend/includes/footer')
    </div>
    <!-- body content end-->
</section>
<script>
    function check_slug(slug)
    {
        $.ajax({
            type: "POST",
            url: "{{ route('check_edit_sulg') }}",
            data: "slug="+slug+"&id="+"{{ $pages->id }}"+"&_token="+"{{ csrf_token() }}",
            success: function (result) {
                if (result == 1) {
                    $('.slug_exist').show();
                    $('.submit').prop('disabled', true);
                } else {
                    $('.slug_exist').hide();
                    $('.submit').prop('disabled', false);
                }
            }
        });
    }

    $(document).ready(function() {
        var template_id = $('input[name=template_id]:checked').val();
        if (template_id == 4) {
            $('#book_binding').show();
        } else {
            $('#book_binding').hide();
        }
        var new_url = '{{ url("/admin/get_template_photo/") }}/'+template_id;
        $.ajax({
            type: "GET",
            url: new_url,
            success: function(data){
                var final = "{{ URL::asset('uploads/templates/') }}/"+data;
                $("#img").html("<img src='"+final+"' style='width: 400px;' class='img-responsive'>");
            }
        });
    });
    function get_template_img(template_id) {
        if (template_id == 4) {
            $('#book_binding').show();
        } else {
            $('#book_binding').hide();
        }
        var new_url = '{{ url("/admin/get_template_photo/") }}/'+template_id;
        $.ajax({
            type: "GET",
            url: new_url,
            success: function(data){
                var final = "{{ URL::asset('uploads/templates/') }}/"+data;
                $("#img").html("<img src='"+final+"' style='width: 400px;' class='img-responsive'>");
            }
        });
    }
    function add_email() {
        $('#add_email').append("<div class='row'><div class='col-lg-5'><input type='text' name='page_content[add_key][]' class='form-control' placeholder='Email Label'></div><div class='col-lg-5'><input type='text' name='page_content[add_value][]' class='form-control' placeholder='Email Address'></div></div>");
    }
    function add_phone() {
        $('#add_phone').append("<div class='row'><div class='col-lg-5'><input type='text' name='page_content[phone_key][]' class='form-control' placeholder='Phone Label'></div><div class='col-lg-5'><input type='text' name='page_content[phone_value][]' class='form-control' placeholder='Phone Address'></div></div>");
    }
</script>
@endsection