@extends('layout.member_app')
@section('content')
    <!-- <section class="inner-banner container-fluid">
                                                                                             <div class="row">
                                                                                             <img src="{{ asset('theme_member/img/inner-banner-01.jpg') }}" class="img-fluid" alt="Inner Banner"/>
                                                                                             </div>
                                                                                             <div class="row w-100 banner-content">
                                                                                             <div class="container">
                                                                                             <h2>When everything is possible on internet...<br>
                                                                                             Log on to pellichupulu.net</h2>
                                                                                             <button class="btn btn-yellow text-uppercase">REGISTER FREE</button>
                                                                                             </div>
                                                                                             </div>
                                                                                            </section> -->
    <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">
                            <h6 class="text-uppercase">FIND THAT SPECIAL SOMEONE</h6>
                            <div class="btn btn-danger btn-sm" style="margin-left:200px; ">
                                <a href="{{ url('/search') }}" style="color:rgb(255, 255, 255)"><i
                                        class="fa fa-ban"></i> Clear Filters</a>
                            </div>
                            {{ Form::open(['url' => '/search', 'method' => 'GET']) }}
                            <div class="col-md-6 mb-10">
                                <label class="d-block">I am Looking for</label>
                                <div class="w-100 d-flex mt-10 align-items-start radio-red-color">
                                    @if (auth()->guard('member')->user()->gender == 'M')
                                        <span class="mr-20">
                                            {{ Form::radio('gender', 'M', true, ['id' => 'Male']) }}
                                            <label for="Male">Bride</label>
                                        </span>
                                    @else
                                        <span>
                                            {{ Form::radio('gender', 'F', true, ['id' => 'Female']) }}
                                            <label for="Female">Groom</label>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-12 mb-10">
                                <div class="row align-items-start">
                                    <div class="col-md-6 col-sm-12 mb-10">
                                        <label class="d-block">Age From</label>
                                        {{ Form::number('age_from', $ageFrom, ['id' => 'age_from', 'class' => 'form-control']) }}
                                    </div>
                                    <div class="col-md-6 col-sm-12">
                                        <label class="d-block">To</label>
                                        {{ Form::number('age_to', $ageTo, ['id' => 'age_to', 'class' => 'form-control']) }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 mb-10">
                                <label>Marital Status</label>
                                {{ Form::select('marital_status_id', [null => 'Any'] + $maritalStatusArr, $maritalStatusId, ['id' => 'marital_status_id','class' => 'form-control']) }}
                            </div>
                            <div class="col-12 mb-10">
                                <label class="d-block">Height From</label>
                                {{ Form::select('height_min', [null => 'Any'] + $heightArr, $heightMin, ['id' => 'height_min','class' => 'form-control']) }}
                            </div>
                            <div class="col-12 mb-10">
                                <label class="d-block">Height To</label>
                                {{ Form::select('height_max', [null => 'Any'] + $heightArr, $heightMax, ['id' => 'height_max','class' => 'form-control']) }}
                            </div>
                            <div class="col-12 mb-10">
                                <label>Skin Complexion</label>
                                {{ Form::select('skin_complexion_id', [null => 'Any'] + $skinComplexionArr, $skinComplexionId, ['id' => 'skin_complexion_id','class' => 'form-control']) }}
                            </div>
                            <div class="col-12 mb-10">
                                <label>Religion</label>
                                {{ Form::select('religion_id', [null => 'Any'] + $religionArr, $religionId, ['id' => 'religion_id','class' => 'form-control']) }}
                            </div>
                            <div class="col-12 mb-10">
                                <label>Caste</label>
                                {{ Form::select('caste_id', [null => 'Any'] + $casteArr, $casteId, ['id' => 'caste_id','class' => 'form-control']) }}
                            </div>
                            <div class="col-12 mb-10">
                                <label>Mother Tongue</label>
                                {{ Form::select('mother_tongue_id', [null => 'Any'] + $motherTongueArr, $motherTongueId, ['id' => 'mother_tongue_id','class' => 'form-control']) }}
                            </div>
                            <div class="col-12 mb-10">
                                <label>Employment Type</label>
                                {{ Form::select('employment_type_id', [null => 'Any'] + $employmentTypeArr, $employmentTypeId, ['id' => 'employment_type_id','class' => 'form-control']) }}
                            </div>
                            <div class="col-12 mb-10">
                                <label>Salary Per Year</label>
                                {{ Form::select('salary_id', [null => 'Any'] + $salaryArr, $salaryId, ['id' => 'salary_id','class' => 'form-control']) }}
                            </div>
                            <!-- <div class="col-12 mb-10">
                                                                                                   <label>Work State</label>
                                                                                                   {{ Form::select('work_state_id', [null => 'Please Select'] + $stateArr, $workStateId, ['id' => 'work_state_id','class' => 'form-control']) }}
                                                                                                  </div> -->
                            <div class="col-12 mb-10">
                                <label>Residence State</label>
                                {{ Form::select('residence_state_id', [null => 'Any'] + $stateArr, $residenceStateId, ['id' => 'residence_state_id','class' => 'form-control']) }}
                            </div>
                            <div class="col-12 mb-10">
                                <label>Family Status</label>
                                {{ Form::select('family_status_id', [null => 'Any'] + $familyStatusArr, $familyStatusId, ['id' => 'family_status_id','class' => 'form-control']) }}
                            </div>

                            <div class="col-12 mb-10">
                                <label>Designation</label>
                                {{ Form::select('designation_id', [null => 'Any'] + $designationArr, $designationId, ['id' => 'designation_id','class' => 'form-control']) }}
                            </div>

                            <div class="col-12 mb-40">
                                <button type="submit" class="btn btn-danger w-100 text-uppercase no-radius">SEARCH</button>
                            </div>
                            {{ Form::close() }}
                        </div>
                        <div class="col-lg-9 pl-30 pr-0 search-result">

                            @if (count($partners) < 1)
                                <p>No profiles found.</p>
                            @else
                                @if (!empty(request()->all()))
                                    <h4>{{ $partners->total() }} Matches found based on your search</h4>
                                @endif
                                @foreach ($partners as $partner)
                                    <div class="card card-lite mb-25">
                                        <div class="card-body p-0">
                                            <div class="row">
                                                <div class="col-md-3 profile-img">
                                                    <img src="{{ Storage::disk('public')->url('/' . $partner->photo_url) }}"
                                                        alt="Profile" class="img-fluid" />
                                                </div>
                                                <div class="col-md-9 pt-20 pb-20 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,
                                                                {{ cmToFeet($partner->height) }} </span>
                                                            <span>{{ $partner->motherTongue->name }} </span>
                                                            <span>{{ $partner->religion->name }} ,
                                                                {{ $partner->caste->name }}</span>
                                                            <span>{{ $partner->highestEducation->name }}</span>
                                                        </div>
                                                        <div class="d-flex flex-column">
                                                            <span>Lives in {{ $partner->city }}</span>
                                                            <span>{{ $partner->employmentType->name }} /
                                                                {{ $partner->salary->name }}</span>
                                                        </div>
                                                    </div>
                                                    <div class="d-flex mt-15 filter-btn-holder">
                                                        @if ($partner->has_received_interest)
                                                            <button class="btn btn-green btn-sm mr-10 "
                                                                style="background: white !important; color:green"><i
                                                                    class="fa fa-check"></i> &nbsp; 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


                                                        <button class="btn btn-red btn-sm mr-10"
                                                            onclick="return viewProfile('{!! $partner->reg_no !!}');">CONTACT</button>

                                                        <a href="{{ url('partner/profile/' . $partner->reg_no) }}"
                                                            class="btn btn-lite-gray btn-sm mr-10"
                                                            style="background-color: rgb(46, 172, 172);color:rgb(255, 255, 255);padding-top:6px"><i
                                                                class="fa fa-eye"></i> &nbsp; View
                                                            Profile</a>
                                                        <!-- <button class="btn dots btn-sm">
                                                                                                       <span></span>
                                                                                                       <span></span>
                                                                                                       <span></span>
                                                                                                      </button> -->

                                                        @if ($partner->has_shortlisted)
                                                            <button class="btn btn-normal btn-sm mr-10 unlist"
                                                                id="shortlist" title="Remove from Shortlist"
                                                                style="background: white; color:#ff0080"
                                                                onclick="return shortList('{!! $partner->reg_no !!}', this);">
                                                                <i class='fa fa-heart fa_custom'
                                                                    style='font-size:15px;color:#ff0080'></i> &nbsp;
                                                                Remove</button>
                                                        @else
                                                            <button class="btn btn-normal btn-sm mr-10 shortlist"
                                                                id="shortlist" title="Add to Shortlist"
                                                                onclick="return shortList('{!! $partner->reg_no !!}', this);"><i
                                                                    class='fa fa-heart'
                                                                    style='font-size:15px;color:rgb(184, 183, 183)'></i>
                                                                &nbsp; Shortlist</button>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                                <div class="pagination-holder mt-90">
                                    {{ $partners->appends($filter)->links() }}
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>


@endsection
@section('js_assets')
    <script type="text/javascript">
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        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);
                            //TODO::Alert sent interest
                            if ($(clickedElement).hasClass('shortlist')) {

                                Toast.fire({
                                    icon: 'success',
                                    title: '\xa0\xa0\xa0\xa0\xa0' + 'Added to Shortlist'
                                })

                                $(clickedElement).addClass('unlist').removeClass('shortlist').text(' Remove').css(
                                    'background', 'white').css('color', '#ff0080').prepend(
                                    '<i class="fa fa-heart fa_custom" style="font-size:15px;color:#ff0080"></i>'
                                ).prop('title', 'Remove from Shortlist');
                            } else {

                                Toast.fire({
                                    icon: 'error',
                                    title: '\xa0\xa0\xa0\xa0\xa0' + 'Removed from Shortlist'
                                })

                                $(clickedElement).addClass('shortlist').removeClass('unlist').text(' Shortlist')
                                    .css('color', 'black').prepend(
                                        '<i class="fa fa-heart" style="font-size:15px;color:rgb(184, 183, 183)"></i>'
                                    ).prop('title', 'Add to Shortlist');
                            }


                        } else {
                            //TODO::Alert warning
                        }
                    },

                    dataType: "json",

                })

                .fail(function() {

                    alert("error");

                });
        }

        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', 'white').css('color',
                                'green').prepend("<fas class='fa fa-check'> </fas> ");

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

                    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");

                });
        }
    </script>
@endsection