@extends('admin.layout.master')
@section('content')
@section('tribute', 'active')
@section('title', 'My Page')
<div class="container-xxl flex-grow-1 container-p-y">
    @if (session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    <style>
        .form-control {
            margin-bottom: 2rem !important;
        }

        .form-check {
            margin-bottom: 2rem !important;
        }
    </style>
    <style>
        div.gallery {
            margin: 5px;
            border: 1px solid #ccc;
            float: left;
            width: 180px;
        }

        div.gallery:hover {
            border: 1px solid #777;
        }

        div.gallery img {
            width: 100%;
            height: auto;
        }

        div.desc {
            padding: 15px;
            text-align: center;
        }
    </style>
    <div class="row">
        <div class="card">
            <h5 class="card-header">Tribute Page</h5>
            <div class="card-body">
                <form action="{{ route('admin.tribute.update') }}" method="post" class="row"
                    enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id"
                        @if (!empty($tribute)) value="{{ $tribute->id }}" @endif>


                    {{-- <div class="form-group col-md-12">
                        <label class="">Cover Image</label>
                        <br>
                        <img src="@if (!empty($tribute)) {{$tribute->cover_image}} @endif" alt=""
                        style="width: 1000px;height:400px;">
                    </div> --}}

                    <div class="form-group col-md-12"
                        style="text-align: center; background-image: url('@if (!empty($tribute)) {{ $tribute->cover_image }} @endif');position: relative; height: 40vh;background-repeat: no-repeat;
                    background-position: center;background-size: cover;margin-bottom: 80px;">
                        <img class="rounded-circle"
                            src="@if (!empty($tribute)) {{ $tribute->profile_image }} @endif" alt=""
                            style="width: 200px;height: 200px; position: absolute;left: 40px;top: 50%;">
                    </div>

                    <div class="form-group col-md-4">
                        <label class="">Full Name</label>
                        <input type="text" name="full_name" class="form-control"
                            @if (!empty($tribute)) value="{{ $tribute->full_name }}" @endif readonly>
                        <span class="text-danger">{{ $errors->first('full_name') }}</span>
                    </div>

                    <div class="form-group col-md-4">
                        <label class="">Date Of Birth</label>
                        <input type="text" name="dob" class="form-control" id=""
                            @if (!empty($tribute) && !empty($tribute->dob)) value="{{ $tribute->dob }}" @endif readonly>

                        <span class="text-danger">{{ $errors->first('dob') }}</span>
                    </div>

                    <div class="form-group col-md-4">
                        <label class="">Death Date</label>
                        <input type="text" name="death_date" class="form-control"
                            @if (!empty($tribute)) value="{{ $tribute->death_date }}" @endif readonly>
                        <span class="text-danger">{{ $errors->first('death_date') }}</span>
                    </div>

                    <div class="form-group col-md-4">
                        <label class="">Obituary Date</label>
                        <input type="text" name="obituary_date" class="form-control"
                            @if (!empty($tribute)) value="{{ $tribute->obituary_date }}" @endif readonly>
                        <span class="text-danger">{{ $errors->first('obituary_date') }}</span>
                    </div>



                    <div class="form-group col-md-4">
                        <label class="">Education 1 Date</label>
                        <input type="text" name="education_1_date" class="form-control"
                            @if (!empty($tribute)) value="{{ $tribute->education_1_date }}" @endif readonly>
                        <span class="text-danger">{{ $errors->first('education_1_date') }}</span>
                    </div>



                    <div class="form-group col-md-4">
                        <label class="">Education 2 Date</label>
                        <input type="text" name="education_2_date" class="form-control"
                            @if (!empty($tribute)) value="{{ $tribute->education_2_date }}" @endif readonly>
                        <span class="text-danger">{{ $errors->first('education_2_date') }}</span>
                    </div>

                    <div class="form-group col-md-12">
                        <label class="">Bio</label>
                        <textarea type="text" name="bio" class="form-control" rows="10" cols="50" readonly>
                            @if (!empty($tribute)){{ $tribute->bio }}@endif
                        </textarea>
                        <span class="text-danger">{{ $errors->first('bio') }}</span>
                    </div>

                    @php
                        $data_gallery = [];
                        if (!empty($tribute)) {
                            if (!empty($tribute->gallery)) {
                                $data_gallery = json_decode($tribute->gallery);
                            }
                        }

                        $data = [];
                        if (!empty($tribute)) {
                            if (!empty($tribute->gallery_name)) {
                                $data = json_decode($tribute->gallery_name);
                            }
                        }
                    @endphp
                    <div class="form-group col-md-12">
                        <label class="">Gallery</label>
                        <br>
                        @if (!empty($data_gallery))
                        @foreach ($data_gallery as $gallery)
                            <div class="gallery">
                                <a target="_blank" href="img_5terre.jpg">
                                    <img src="{{ asset('uploads/' . $gallery) }}" alt="Cinque Terre" width="600"
                                        height="400">
                                </a>
                                {{-- @foreach ($data as $name)

                            <div class="desc">{{$name->gallery_name}}</div>
                            @endforeach --}}

                            </div>
                        @endforeach
                        @endif
                    </div>

                    @php
                        $data_child_name = [];
                        if (!empty($tribute)) {
                            if (!empty($tribute->child_name)) {
                                $data_child_name = json_decode($tribute->child_name);
                            }
                        }

                        $data_child_dob = [];
                        if (!empty($tribute)) {
                            if (!empty($tribute->child_dob)) {
                                $data_child_dob = json_decode($tribute->child_dob);
                            }
                        }

                        $data_event_title = [];
                        if (!empty($tribute)) {
                            if (!empty($tribute->event_title)) {
                                $data_event_title = json_decode($tribute->event_title);
                            }
                        }

                        $data_event_date = [];
                        if (!empty($tribute)) {
                            if (!empty($tribute->event_date)) {
                                $data_event_date = json_decode($tribute->event_date);
                            }
                        }
                    @endphp

                    @if (!empty($data_child_name))

                        @foreach ($data_child_name as $data_1)
                            <div class="form-group col-md-6 mt-2">
                                <label class="">Child Name</label>
                                <input type="text" name="education_2_date" class="form-control"
                                    value="{{ $data_1 }}" readonly>
                                <span class="text-danger">{{ $errors->first('education_2_date') }}</span>
                            </div>
                        @endforeach
                    @endif

                    @if (!empty($data_child_dob))

                        @foreach ($data_child_dob as $data_2)
                            <div class="form-group col-md-6">
                                <label class="">Child DOB</label>
                                <input type="text" name="education_2_date" class="form-control"
                                    value="{{ $data_2 }}" readonly>
                                <span class="text-danger">{{ $errors->first('education_2_date') }}</span>
                            </div>
                        @endforeach
                    @endif
                    @if (!empty($data_event_title))

                        @foreach ($data_event_title as $data_3)
                            <div class="form-group col-md-6">
                                <label class="">Event Title</label>
                                <input type="text" name="education_2_date" class="form-control"
                                    value="{{ $data_3 }}" readonly>
                                <span class="text-danger">{{ $errors->first('education_2_date') }}</span>
                            </div>
                        @endforeach
                    @endif

                    @if (!empty($data_event_date))

                        @foreach ($data_event_date as $data_4)
                            <div class="form-group col-md-6">
                                <label class="">Event Date</label>
                                <input type="text" name="education_2_date" class="form-control"
                                    value="{{ $data_4 }}" readonly>
                                <span class="text-danger">{{ $errors->first('education_2_date') }}</span>
                            </div>
                        @endforeach
                    @endif







                    {{-- <div class="form-group offset-md-10 col-md-2 col-sm-12">
                        <button class="btn btn-primary" type="submit" style="margin-top: 15px">
                            Update
                        </button>
                    </div> --}}
                </form>
            </div>
        </div>
    </div>
</div>
@endsection
@push('script')
<script>
    $(document).ready(function() {
        tinymce.init({
            selector: '#step1',

        });
        var today = new Date().toISOString().split('T')[0];
        $("#minDate").attr('min', today);
    });

    $(document).ready(function() {
        $('.del-btn').hide();
    });
    $(document).on('click', '.add-btn', function() {
        if ($('.productdiv').length > 9) {
            alert('Limit Reach Only 10 is Allowed')
        } else {
            var clone = $('.productdiv').last().clone();
            $(clone).find("input").val("").end();
            $(clone).find("text").val("").end();
            $(clone).find("textarea").val("").end();
            var mainDiv = $('#productdiv div.row');
            var lengthDiv = parseInt(mainDiv.length) + parseInt(1);
            $(clone).find("label span").text(lengthDiv);
            $('.clonediv').append(clone);
            $('.del-btn').show();
        }
    });
    $(document).on('click', '.del-btn', function() {
        if ($('.productdiv').length > 1) {
            $(this).parents('.productdiv').remove();
            if ($('.productdiv').length == 1) {
                $('.del-btn').hide();
            }
        } else {
            $(this).hide();
        }

    });

    $(document).on('click', '.add-btn1', function() {
        if ($('.productdiv1').length > 9) {
            alert('Limit Reach Only 10 is Allowed')
        } else {
            var clone = $('.productdiv1').last().clone();
            $(clone).find("input").val("").end();
            $(clone).find("text").val("").end();
            $(clone).find("textarea").val("").end();
            var mainDiv = $('#productdiv1 div.row');
            var lengthDiv = parseInt(mainDiv.length) + parseInt(1);
            $(clone).find("label span").text(lengthDiv);
            $('.clonediv1').append(clone);
            $('.del-btn1').show();
        }
    });
    $(document).on('click', '.del-btn1', function() {
        if ($('.productdiv1').length > 1) {
            $(this).parents('.productdiv1').remove();
            if ($('.productdiv1').length == 1) {
                $('.del-btn1').hide();
            }
        } else {
            $(this).hide();
        }

    });
</script>
<script>
    document.getElementById('dob').addEventListener('focus', function() {
        this.type = 'date';
    });
    document.getElementById('dob').addEventListener('blur', function() {
        this.type = 'text';
    });
</script>
@endpush