@extends('admin.layout.baseNew')

@section('styles')
<link rel='stylesheet' href='https://cdn.datatables.net/buttons/2.3.2/css/buttons.bootstrap5.min.css' type='text/css' media='all' />
@endsection

@section('content')

<section class="section admin-banner"></section>

<section class="section bg-white">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="header-bar">
                    <div class="title">
                        <h2>Property</h2>
                    </div>
                    <div class="infobar addbar">
                        <div class="items">
                            <a href="{{ route('admin.property.create',['type'=>'real_estate']) }}" class="addup">Debt & Real Estate</a>
                        </div>
                        <div class="items">
                            <a href="{{ route('admin.property.create',['type'=>'equity']) }}" class="addup">Equity</a>
                        </div>
                        <div class="items">
                            <a href="{{ route('admin.property.create',['type'=>'humanitarian']) }}" class="addup">Humanitarian</a>
                        </div>
                        <div class="items">
                            <a href="{{ route('admin.property.create',['type'=>'offerings']) }}" class="addup">UWorld Offerings</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="ucard p-3">

                    <div class="dash-tab-menu">
                        <a href="javascript:" class="active">Property List</a>
                        <a href="{{url('admin/property/show/assetType')}}">Asset Types</a>
                    </div>


                    @include('common.notify')


                    <form class="udash">
                        <div class="table-responsive">
                            <table id="propertyList" class="table-full">
                                <thead>
                                <tr>
                                    <th>Sn</th>
                                    <th>Property Name</th>
                                    <th>Type</th>
                                    <th>Ownership</th>

                                    <th>Token</th>
                                    <th>Token Symbol</th>

                                    <th>Is Featured?</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody>

                                @foreach($property as $index => $value)

                                    <tr>
                                        <input type="hidden" name="proplistid" id="proplistid_{{$value->id}}" value="{{$value->id}}" />

                                        <td>{{ $index + 1 }}</td>
                                        <td>{{ $value->propertyName }}</td>
                                        <td>{{ $property_types[$value->token_type] }}</td>
                                        <td>
                                            <a href="{{ route('admin.property.ownership', $value->id) }}">
                                                <img src="{{asset('assets/images/offerings/cap-table.png')}}" />
                                            </a>
                                        </td>


                                        <td>{{@$value->issuerToken['name']}}</td>
                                        <td><img class="tableicon" src='{{ @img(@$value->issuerToken['token_image']) }}'></td>

                                        <td>
                                            @if($value->feature == 1)
                                                <div class="switcher active" id="apprSwitch_{{$value->id}}"  >
                                                    <span class="options left">Yes</span>
                                                    <label class="switchbar">
                                                        <input type="checkbox" name="featured" id="featuredChk_{{$value->id}}" value="1" checked />
                                                        <span class="slider round"></span>
                                                    </label>
                                                    <span class="options right">No</span>
                                                </div>
                                            @else
                                            <div class="switcher" id="apprSwitch_{{$value->id}}">
                                                <span class="options left">Yes</span>
                                                <label class="switchbar">
                                                    <input type="checkbox" name="featured" id="featuredChk_{{$value->id}}"  value="1" >
                                                    <span class="slider round"></span>
                                                </label>
                                                <span class="options right">No</span>
                                            </div>
                                            @endif
                                        </td>

                                        <td>
                                            @if($value->status == 'pending')
                                            <a href="{{ url('admin/requestedtoken?property_id='. $value->id) }}"  class="addup">Approve</a>
                                            @else
                                                <select name="status" id="status_{{$value->id}}" class="form-control admindrop  status "  data-id="{{ @$value->id }}" >
                                                    <option value="live" @if($value->status == 'live') selected @endif >Live</option>
                                                    <option value="soldout" @if($value->status == 'soldout') selected @endif >Sold Out</option>
                                                    <option value="block" @if($value->status == 'block') selected @endif >Block</option>
                                                </select>
                                            @endif

                                            
                                            @if( ($value->status == 'live') && ($logged_in_user_type == 1))
                                            {{-- <br/>
                                            <a href="{{ url('admin/requestedtoken?property_id='. $value->id) }}"  class="addup">Update Token</a> --}}
                                            @endif
                                        </td>

                                        <td>
                                            <a class="noline me-2" href="{{ route('admin.admin_review_property', $value->id) }}">Pre-View</a>

                                            <input type="hidden" name="propertyId[]" value="{{$value->id}}" >
                                            <a class="noline me-2" href="{{ route('admin.property.edit', $value->id) }}">
                                                <img src="{{asset('assets/images/admin/edit.png')}}" />
                                            </a>

                                            <a class="btn-delete-row" href="javascript:;">
                                                <img src="{{asset('assets/images/profile/delete.png')}}" />
                                            </a>
                                        </td>
                                    </tr>

                                @endforeach




                                </tbody>
                            </table>

                        </div>
                    </form>

                </div>
            </div>

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


<input type="hidden" name="init_action" id="init_action" value="" />
<input type="hidden" name="checkedidd" id="checkedidd" value="" />
<input type="hidden" name="user_action" id="user_action" value="" />

<div class="dash-modal" id="notifymodal">
    <div class="dash-modal-container">
        <div class="status-info">
            <span class="text" >Update Successful!</span>
            <div class="btn-wrap">
                <button type="button" class="btn btn-transparentRed close-dash-modal">Close</button>
            </div>
        </div>
    </div>
</div>


<div class="dash-modal" id="del_notifymodal">
    <div class="dash-modal-container">
        <div class="status-info">
            <span class="text" >Please wait while we are processing!</span>
        </div>
    </div>
</div>


<!-- Status modal -->
<div class="dash-modal" id="confirmmodal">
    <div class="dash-modal-container">
        <div class="status-info">
            <img src="{{asset('assets/images/profile/denfer.png')}}" />
            <span class="text">Are you sure?</span>
            <div class="btn-wrap">
                <button type="button" id="approvestatus" class="btn btn-transparentBlue me-3 close-dash-modal">Yes</button>
                <button id="cancelstatus" type="button" class="btn btn-transparentRed close-dash-modal">No</button>
            </div>
        </div>
    </div>
</div>


<!-- Delete modal -->
<div class="dash-modal" id="deleteRowmodal">
    <div class="dash-modal-container">
        <div class="status-info">
            <img src="{{asset('assets/images/profile/denfer.png')}}" />
            <span class="text">Do you really want to delete this property?</span>
            <div class="btn-wrap">
                <form id="BlockRowForm" method="POST" action="/admin/property" >
                    {{ csrf_field() }}

                    <input type="hidden" name="propid" id="propid" value="">
                    <input type="hidden" name="_method" value="DELETE">

                    <button type="submit" class="btn btn-transparentBlue me-3 close-dash-modal" onclick="showWait();">Yes</button>
                    <button type="button" class="btn btn-transparentRed close-dash-modal">No</button>
                </form>
            </div>
        </div>
    </div>
</div>


<!-- Status modal -->
<div class="dash-modal" id="statusConfirmModal">
    <div class="dash-modal-container">
        <div class="status-info">
            <img src="{{asset('assets/images/profile/denfer.png')}}" />
            <span class="text">Are you sure?</span>
            <div class="btn-wrap">
                <button type="button" id="approve_status" class="btn btn-transparentBlue me-3 close-dash-modal">Yes</button>
                <button id="cancel_status" type="button" class="btn btn-transparentRed close-dash-modal">No</button>
            </div>
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script src="https://cdn.datatables.net/buttons/2.3.2/js/dataTables.buttons.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.bootstrap5.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.html5.min.js" type="text/javascript"></script>


<script>
$(document).ready(function () {
    var width = $(window).width();
    if (width < 1400) {
        var table = $('#propertyList').DataTable({
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: true,
            buttons: [
                'copy', 'csv','excel', 'pdf'
            ]
        });
    }else{
        var table = $('#propertyList').DataTable({
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: false,
            buttons: [
                'copy', 'csv','excel', 'pdf'
            ]
        });
    }

    table.buttons().container().appendTo( '#propertyList_wrapper .col-md-6:eq(0)' );
});

var previous;
$(".status").on('focus', function () {
    // Store the current value on focus and on change
    previous = this.value;
}).change(function() {
    var id=$(this).data("id");
    var newVal = $(this).val();
    statChange(previous, id, newVal);
});

// Featured switch
$(document).on('click', '.switcher input[name="featured"]', function () {
    var listid = $(this).parents('tr').find('input[name="proplistid"]').val();
    $('#checkedidd').val(listid);

    if($(this).prop('checked') == true) {
        $(this).parents('.switcher').addClass('active');
        $('#user_action').val('feature_no');
        $('#init_action').val('0');
    } else {
        $(this).parents('.switcher').removeClass('active');
        $('#user_action').val('feature_yes');
        $('#init_action').val('1');
    }
    $('#confirmmodal').css('display','block');
});

$('#cancelstatus').on('click', function () {
    var id=$('#checkedidd').val();
    var init=$('#init_action').val();
    if(init==0){
        $('#apprSwitch_'+id).removeClass('active');
        $('#featuredChk_'+id).prop('checked',false);
    }else if(init==1){
        $('#apprSwitch_'+id).addClass('active');
        $('#featuredChk_'+id).prop('checked',true);
    }

    $('#checkedidd').val('');
    $('#user_action').val('');
    $('#init_action').val('');
});

$('#approvestatus').on('click', function(){
    var id=$('#checkedidd').val();
    if(id>0){
        var act=$('#user_action').val();
        featureStatusChange(id);
    }
});

function featureStatusChange(idd){
    if(idd>0){
        $.ajax({
            url: "{{url('/admin/propertyFeature')}}/" + idd,
            success: function (data) {
                $('#notifymodal').css('display','block');
            }
        });
    }
}

// Delete modal
$(document).on('click', '.btn-delete-row', function () {
    var listid = $(this).parents('tr').find('input[name="propertyId[]"]').val();
    $('#deleteRowmodal').css('display','block');
    $('#BlockRowForm').attr('action', "/admin/property/" + listid);
    $('#deleteRowmodal').find('input[name="propid"]').val(listid);
});

function showWait(){
    $('#del_notifymodal').css('display','block');
}

// Switch status (approve/reject)
$('#approveBlock').on('click', function () {
    var id = $('#checkedidd').val();
    // call ajax
});




function statChange(previous, listid, newVal) {
    $('#checkedidd').val(listid);
    $('#user_action').val(newVal);
    $('#init_action').val(previous);
    $('#statusConfirmModal').css('display', 'block');
}

$('#cancel_status').on('click', function () {
    var prev =$('#init_action').val();
    var id=$('#checkedidd').val();
    $('#status_'+id).val(prev);
    $('#checkedidd').val('');
    $('#user_action').val('');
    $('#init_action').val('');
});

$('#approve_status').on('click', function(){
    var id=$('#checkedidd').val();
    if(id>0){
        var act=$('#user_action').val();
        propertyStatusChange(id, act);
    }
});

function propertyStatusChange(idd, act){
    if(idd>0){
        $.ajax({
            type: 'POST',
            url: "{{url('/admin/propertyStatus')}}/" + idd,
            data   : "_token={{ csrf_token() }}&status=" + act,
            success: function (data) {
                $('#notifymodal').css('display','block');
            }
        });
    }
}


</script>

@endsection

@section('nav-adm-property-class', 'active')