@extends('layout.member_app')
@section('content')

    <div class="main-content container-fluid">
        <div class="row breadcrumb-holder">
            <div class="container">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Search</li>
                    </ol>
                </nav>
            </div>
        </div>
        <div class="row">
            <section class="filter-search container-fluid">
                <div class="container">
                    {{-- <div class="row">
                    <div class="col-lg-3 p-0 filter-holder"> --}}



                    <div class="row vertical-tab">
                        <div class="col-lg-3 p-0 filter-holder">
                            {{-- <div class="col-lg-3"> --}}
                            {{-- <div class="card card-lite mb-25"> --}}
                                <div class=" count-holder">
                                    <ul class="nav nav-tabs tabs-left flex-column">
                                        <li class="col nav-item about">
                                            <a class="nav-item nav-link active" data-toggle="tab" href="#interest">My
                                                Interests <span class="fa-stack-1x">{{ count($myInterests) }}</span></a>
                                        </li>
                                        <li class="col nav-item photos">
                                            <a class=" nav-item nav-link" data-toggle="tab" href="#requests">Requests Received<span
                                                    class="fa-stack-1x">{{ count($receivedRequests) }}</span></a>
                                        </li>
                                        <li class="col nav-item partner">
                                            <a class="nav-item nav-link" data-toggle="tab" href="#shortlists">Shortlists
                                                <span class="fa-stack-1x">{{ count($shortlists) }}</span></a>
                                        </li>
                                        <li class="col nav-item partner">
                                            <a class="nav-item nav-link" data-toggle="tab" href="#photos">Photos
                                                </a>
                                        </li>
                                    </ul>
                                </div>
                            {{-- </div> --}}
                        
                        </div>


                        <div class="tab-content pt-30 pb-30 tab-curved">
                            
                            <div class="tab-pane interests-tab active" id="interest">
                                <div class="row mt-30">
                                    <div class="col-12">
                                        <div class="card card-lite  mb-25">
                                            

                                                {{-- <div class="row"> --}}
                                                @if (count($myInterests) < 1)
                                                    <h5 class="ml-5">Start searching for your dream partner. <a
                                                            href="{{ url('/search') }}">Get Started</a></h5>
                                                @else
                                                    @foreach ($myInterests as $partner)
                                                     <div class="col-md-6 mb-30">
                                                                <div class="row">
                                                                    <div class="col-md-3 p-0 profile-img">
                                                                    <img src="{{ Storage::disk('public')->url($partner->photo_url) }}"
                                                                        alt="Profile" class="img-fluid">
                                                                    @if (hasValidPackage($partner->id))
                                                                        <span class="premium-badge">Premium</span>
                                                                    @endif
                                                                </div>
                                                                <div class="col-md-9  profile-details">
                                                                    <div class="d-flex justify-content-between pr-15">
                                                                        <h6>{{ $partner->name }}</h6>
                                                                        <span>Member ID : {{ $partner->reg_no }}</span>
                                                                    </div>
                                                                    <div class="d-flex">
                                                                <div class="d-flex flex-column  pr-45">
                                                                            <span>{{ \Carbon\Carbon::parse($partner->dob)->age }}
                                                                                Yrs, {{ $partner->height }} cm </span>
                                                                            <span>{{ $partner->motherTongue->name }}</span>
                                                                            <span>{{ $partner->religion->name }} ,
                                                                                {{ $partner->caste->name }}</span>
                                                                            <span>{{ $partner->highestEducation->name }} /
                                                                                {{ $partner->additional_education }}</span>
                                                                        </div>
                                                                        <div class="d-flex flex-column">
                                                                            <span>Lives in
                                                                                {{ $partner->residenceState->name }}</span>
                                                                            <span>{{ $partner->employmentType->name }} /
                                                                                {{ $partner->salary->name }}</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="d-flex mt-20 filter-btn-holder">
                                                                        @if ($partner->my_interest_status_id == 1)
                                                                            <button
                                                                                class="btn btn-orange btn-sm mr-10">Pending</button>
                                                                        @elseif($partner->my_interest_status_id == 2)
                                                                            <button
                                                                                class="btn btn-green accepted btn-sm mr-10">INTEREST
                                                                                ACCEPTED</button>
                                                                        @else
                                                                            <button
                                                                                class="btn btn-red btn-sm mr-10">Rejected</button>
                                                                        @endif
                                                                        <a class="btn btn-red btn-sm mr-10"
                                                                            href="{{ url('/partner/profile/' . $partner->reg_no) }}">CONTACT</a>
                                                                        <a class="btn btn-lite-gray btn-sm"
                                                                            href="{{ url('/partner/profile/' . $partner->reg_no) }}">View
                                                                            Profile</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            </div>
                                                        {{-- </div> --}}
                                                    @endforeach
                                                @endif
                                                <!--  -->
                                                {{-- </div> --}}
                                            {{-- </div> --}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Requests -->
                            <div class="tab-pane requests-tab" id="requests">
                                <div class="row mt-30">
                                    <div class="col-12">
                                        <div class="card card-lite">
                                            <div class="card-body">
                                                {{-- <div class="row"> --}}
                                                    @if (count($receivedRequests) < 1)
                                                        <h5 class="ml-5">Start searching for your dream partner. <a
                                                                href="{{ url('/search') }}">Get Started</a></h5>
                                                    @else
                                                        @foreach ($receivedRequests as $partner)
                                                            <div class="col-md-6 mb-30">
                                                                <div class="row">
                                                                    <div class="col-md-3 p-0 profile-img">
                                                                        <img src="{{ Storage::disk('public')->url($partner->photo_url) }}"
                                                                            alt="Profile" class="img-fluid">
                                                                        @if (hasValidPackage($partner->id))
                                                                            <span class="premium-badge">Premium</span>
                                                                        @endif
                                                                    </div>
                                                                    <div class="col-md-9 pr-0 profile-details">
                                                                        <div class="d-flex justify-content-between pr-15">
                                                                            <h6>{{ $partner->name }}</h6>
                                                                            <span>Member ID : {{ $partner->reg_no }}</span>
                                                                        </div>
                                                                        <div class="d-flex">
                                                                            <div class="d-flex flex-column  pr-45">
                                                                                <span>{{ \Carbon\Carbon::parse($partner->dob)->age }}
                                                                                    Yrs, {{ $partner->height }} cm </span>
                                                                                <span>{{ $partner->motherTongue->name }}</span>
                                                                                <span>{{ $partner->religion->name }} ,
                                                                                    {{ $partner->caste->name }}</span>
                                                                                <span>{{ $partner->highestEducation->name }}
                                                                                    /
                                                                                    {{ $partner->additional_education }}</span>
                                                                            </div>
                                                                            <div class="d-flex flex-column">
                                                                                <span>Lives in
                                                                                    {{ $partner->residenceState->name }}</span>
                                                                                <span>{{ $partner->employmentType->name }}
                                                                                    / {{ $partner->salary->name }}</span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="d-flex mt-20 filter-btn-holder">
                                                                            @if ($partner->receiver_status == 2)
                                                                                <button class="btn btn-green btn-sm mr-10"
                                                                                    style="background: #dae0e5;">ACCEPTED</button>
                                                                            @elseif($partner->receiver_status == 3)
                                                                                <button class="btn btn-green btn-sm mr-10"
                                                                                    style="background: #dae0e5;">REJECTED</button>
                                                                            @else
                                                                                <button
                                                                                    class="btn btn-green btn-sm mr-10 accept-interest"
                                                                                    onclick="return acceptInterest('{!!  $partner->reg_no !!}', this);">ACCEPT
                                                                                    INTEREST</button>
                                                                                <button
                                                                                    class="btn btn-danger btn-sm mr-10 reject-interest"
                                                                                    onclick="return rejectInterest('{!!  $partner->reg_no !!}', this);">NOT
                                                                                    NOW
                                                                                </button>
                                                                            @endif



                                                                            <button class="btn btn-lite-gray btn-sm mr-10"
                                                                                onclick="return viewProfile('{!!  $partner->reg_no !!}');">View
                                                                                Profile</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            {{-- </div> --}}
                            <!--  -->
                            <div class="tab-pane shortlists-tab" id="shortlists">
                                <div class="row mt-30">
                                    <div class="col-12">
                                        <div class="card card-lite">
                                            <div class="card-body">
                                                <div class="row">
                                                    @if (count($shortlists) < 1)
                                                        <h5 class="ml-5">Start searching for your dream partner. <a
                                                                href="{{ url('/search') }}">Get Started</a></h5>
                                                    @else
                                                        @foreach ($shortlists as $partner)
                                                            <div class="col-md-6 mb-30"
                                                                id="shortlistProfile{{ $partner->reg_no }}">
                                                                <div class="row">
                                                                    <div class="col-md-3 p-0 profile-img">
                                                                        <img src="{{ Storage::disk('public')->url($partner->photo_url) }}"
                                                                            alt="Profile" class="img-fluid">
                                                                        @if (hasValidPackage($partner->id))
                                                                            <span class="premium-badge">Premium</span>
                                                                        @endif
                                                                    </div>
                                                                    <div class="col-md-9 pr-0 profile-details">
                                                                        <div class="d-flex justify-content-between pr-15">
                                                                            <h6>{{ $partner->name }}</h6>
                                                                            <span>Member ID : {{ $partner->reg_no }}</span>
                                                                        </div>
                                                                        <div class="d-flex">
                                                                            <div class="d-flex flex-column  pr-45">
                                                                                <span>{{ \Carbon\Carbon::parse($partner->dob)->age }}
                                                                                    Yrs, {{ $partner->height }} cm </span>
                                                                                <span>{{ $partner->motherTongue->name }}</span>
                                                                                <span>{{ $partner->religion->name }} ,
                                                                                    {{ $partner->caste->name }}</span>
                                                                                <span>{{ $partner->highestEducation->name }}
                                                                                    /
                                                                                    {{ $partner->additional_education }}</span>
                                                                            </div>
                                                                            <div class="d-flex flex-column">
                                                                                <span>Lives in
                                                                                    {{ $partner->residenceState->name }}</span>
                                                                                <span>{{ $partner->employmentType->name }}
                                                                                    / {{ $partner->salary->name }}</span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="d-flex mt-20 filter-btn-holder">

                                                                            @if ($partner->has_received_interest)
                                                                                <button class="btn btn-green btn-sm mr-10"
                                                                                    style="background: #dae0e5 !important;">INTEREST
                                                                                    SENT</button>
                                                                            @else
                                                                                <button class="btn btn-green btn-sm mr-10"
                                                                                    id="sendInterest{{ $partner->reg_no }}"
                                                                                    onclick="return sendInterest('{!!  $partner->reg_no !!}', this);">SEND
                                                                                    INTEREST</button>
                                                                            @endif

                                                                            <a class="btn btn-red btn-sm mr-10"
                                                                                href="{{ url('/partner/profile/' . $partner->reg_no) }}">CONTACT</a>
                                                                            <a class="btn btn-lite-gray btn-sm mr-10"
                                                                                href="{{ url('/partner/profile/' . $partner->reg_no) }}">View
                                                                                Profile</a>
                                                                            <button class="btn btn-delete btn-sm"
                                                                                onclick="return shortList('{!!  $partner->reg_no !!}', this);">Remove</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane container" id="photos">
                                <div class="row mt-30">
                                    <div class="col-12">
                                        <div class="card card-lite">
                                            <div class="card-body">
                                                <div class="row">
                                          
                                        {{Form::open(['url'=>'/my-account/photo/add','enctype' => 'multipart/form-data','class'=>'form-inline upload-multiple-photos file-upload','id' => 'addPhotoForm'])}}
                                            <div class="file-upload">
                                                <div class="file-select">
                                                    <div class="file-select-button btn btn-normal" id="fileName">
                                                        <i class="icon"></i>Add Photo
                                                    </div>
                                                    <input type="file" name="additional_photo_url[]" id="additionalPhotoUrl" multiple>
                                                </div>
                                            </div>
                                         {{Form::close()}}
                            
                                        <div class="card card-lite">
                                              <div class="card-body ">
                                                <div class="owl-carousel owl-theme  gallery" id="MemberPhotos"> 
                                                    @foreach($member->additionalPhotos as $photo)
                                                    <div class="item">
                                                        <a href="#" data-toggle="modal" data-target="#">
                                                        <img src="{{Storage::disk('public')->url('/'.$photo->photo_url)}}" alt="Member"/>
                                                        </a>
                                                        <button class="btn btn-delete btn-sm" onclick="return deletePhoto('{!!$photo->id!!}', this);">Delete</button>
                                                    </div>
                                                    @endforeach
                                              </div>
                                            </div>
                                        </div></div></div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                        {{-- </div> --}}
                    </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
@endsection
@section('js_assets')
    <script>
        // Member Photos
        $('#MemberPhotos').owlCarousel({
            loop: false,
            nav: true,
            margin: 25,
            responsive: {
                0: {
                    items: 2
                },
                1000: {
                    items: 3
                },
                1300: {
                    items: 4
                }
            }
        });


        function sendInterest(regNo, clickedElement) {
            $.ajax({

                    url: '{!!  url(' / partner / send - interest ') !!}',

                    type: 'POST',

                    data: {

                        reg_no: regNo
                    },

                    success: function(response) {

                        const Toast = Swal.mixin({
                            toast: true,
                            position: 'top-end',
                            showConfirmButton: false,
                            timer: 6000
                        });

                        if (response.status == 'success') {
                            //console.log(response);
                            //Alert sent interest
                            Toast.fire({
                                icon: 'success',
                                title: '\xa0\xa0\xa0\xa0\xa0' + 'Interest sent'
                            })

                            $(clickedElement).text('INTEREST SENT').css('background', '#dae0e5');

                        } else {
                            //Alert warning
                            Toast.fire({
                                icon: 'error',
                                title: '\xa0\xa0\xa0\xa0\xa0' + 'Couldnot sent interest.'
                            })
                        }
                    },

                    dataType: "json",

                })

                .fail(function() {

                    alert("error");

                });
        }

        function shortList(regNo, clickedElement) {
            $.ajax({

                    url: '{!!  url(' / partner / shortlist ') !!}',

                    type: 'POST',

                    data: {

                        reg_no: regNo
                    },

                    success: function(response) {
                        const Toast = Swal.mixin({
                            toast: true,
                            position: 'top-end',
                            showConfirmButton: false,
                            timer: 6000
                        });
                        if (response.status == 'success') {
                            //console.log(response.status);
                            //Alert sent interest
                            Toast.fire({
                                icon: 'error',
                                title: '\xa0\xa0\xa0\xa0\xa0' + 'Removed from Shortlist'
                            })
                            $('#shortlistProfile' + regNo).fadeOut();


                        } else {
                            //Alert warning
                            Toast.fire({
                                icon: 'error',
                                title: '\xa0\xa0\xa0\xa0\xa0' + 'Couldnot remove from Shortlist'
                            })
                        }
                    },

                    dataType: "json",

                })

                .fail(function() {

                    alert("error");

                });
        }

        function acceptInterest(regNo, clickedElement) {
            $.ajax({

                    url: '{!!  url(' / partner / accept - interest ') !!}',

                    type: 'POST',

                    data: {

                        reg_no: regNo
                    },

                    success: function(response) {
                        const Toast = Swal.mixin({
                            toast: true,
                            position: 'top-end',
                            showConfirmButton: false,
                            timer: 6000
                        });

                        if (response.status == 'success') {
                            //console.log(response.status);
                            //Alert sent interest
                            Toast.fire({
                                icon: 'success',
                                title: '\xa0\xa0\xa0\xa0\xa0' + 'Request Accepted'
                            })
                            $(clickedElement).text('ACCEPTED').css('background', '#dae0e5');
                            $(clickedElement).siblings('.reject-interest').css("display", "none");

                        } else {
                            //Alert warning
                            Toast.fire({
                                icon: 'error',
                                title: '\xa0\xa0\xa0\xa0\xa0' + 'Couldnot Accept Request'
                            })
                        }
                    },

                    dataType: "json",

                })

                .fail(function() {

                    alert("error");

                });
        }

        function rejectInterest(regNo, clickedElement) {
            $.ajax({

                    url: '{!!  url(' / partner / reject - interest ') !!}',

                    type: 'POST',

                    data: {

                        reg_no: regNo
                    },

                    success: function(response) {
                        const Toast = Swal.mixin({
                            toast: true,
                            position: 'top-end',
                            showConfirmButton: false,
                            timer: 6000
                        });

                        if (response.status == 'success') {
                            //console.log(response.status);
                            //Alert sent interest
                            Toast.fire({
                                icon: 'error',
                                title: '\xa0\xa0\xa0\xa0\xa0' + 'Request Rejected'
                            })
                            $(clickedElement).text('REJECTED').css('background', '#dae0e5');
                            $(clickedElement).siblings('.accept-interest').css("display", "none");

                        } else {
                            //Alert warning
                            Toast.fire({
                                icon: 'error',
                                title: '\xa0\xa0\xa0\xa0\xa0' + 'Couldnot Reject Request'
                            })
                        }
                    },

                    dataType: "json",

                })

                .fail(function() {

                    alert("error");

                });
        }

        function viewProfile(regNo) {
            $.ajax({

                    url: '{!!  url(' / partner / profile / check ') !!}',

                    type: 'POST',

                    data: {

                        reg_no: regNo
                    },

                    success: function(response) {

                        if (response.status == 'success') {
                            console.log(response);
                            window.location.href = response.url;

                        } else {
                            swal({
                                title: "Upgrade to Premium",
                                text: "You have exhausted your credit. Please upgrade your package.",
                                icon: "warning",
                                buttons: {
                                    cancel: "Ok,Later",
                                    catch: {
                                        text: "Upgrade now",
                                        value: "upgrade",
                                    }
                                }
                            }).then((value) => {

                                switch (value) {

                                    case "upgrade":
                                        window.location = "packages";
                                        break;

                                    default:
                                        swal.close();
                                }
                            });
                        }
                    },

                    dataType: "json",

                })

                .fail(function() {

                    alert("error");

                });
        }


        $('#additionalPhotoUrl').change(function() {
            // select the form and submit
            $('#addPhotoForm').submit();
        });

        function deletePhoto(photoId, clickedElement) {
            $.ajax({

                    url: '{!!  url(' / my - account / photo / delete ') !!}',

                    type: 'POST',

                    data: {

                        photo_id: photoId
                    },

                    success: function(response) {
                        console.log(response.status);
                        const Toast = Swal.mixin({
                            toast: true,
                            position: 'top-end',
                            showConfirmButton: false,
                            timer: 6000
                        });
                        if (response.status == 'success') {
                            //console.log(response.status);
                            //Alert sent interest
                            Toast.fire({
                                icon: 'error',
                                title: '\xa0\xa0\xa0\xa0\xa0' + 'Photo Deleted'
                            })
                            $(clickedElement).closest('.item').fadeOut();


                        } else {
                            //Alert warning
                            Toast.fire({
                                icon: 'error',
                                title: '\xa0\xa0\xa0\xa0\xa0' + 'Couldnot delete photo'
                            })
                        }
                    },

                    dataType: "json",

                })

                .fail(function() {

                    alert("error");

                });
        }

    </script>
@endsection