@extends('layouts.private')

@section('content')
@section('breadcrumb')
<link href="{{ asset('css/select2.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/select2.min.js') }}"></script>
<div class="c-subheader justify-content-between px-3 py-0 bg-white">
<ol class="breadcrumb border-0 m-0 px-0 py-0 px-md-3    col-sm-8 col-md-8">
        <li class="pt-3">
            <div class="btn-group">

            </div>           
        </li> 
        <!-- <li class="text-left px-3">
                <div class="sortingAction text-center p-0 m-0">                                        
                    <label class="p-0 m-0 small">Active?</label><br/>
                    <label class="c-switch c-switch-label c-switch-opposite c-switch c-switch-success">                        
                        <input class="c-switch-input p-0 m-0" type="checkbox" checked name="active" value="true" onchange="updateTableListing()" ><span class="c-switch-slider" data-checked="On" data-unchecked="Off"></span>
                    </label><br/>
                </div>
                <div class="sortingAction text-center p-0 m-0 ml-3">                                        
                    <label class="p-0 m-0 small">My Listings?</label><br/>
                    <label class="c-switch c-switch-label c-switch-opposite c-switch c-switch-success">
                        <input class="c-switch-input" type="checkbox" checked name="user" value="true" onchange="updateTableListing()" ><span class="c-switch-slider" data-checked="On" data-unchecked="Off"></span>
                    </label><br/>
                </div>
        </li> -->
    </ol> 
    <ol class="breadcrumb border-0 m-0 px-0 py-0 px-md-3 col-sm-4 col-md-4">
        <li class="pt-3 col-sm-11 col-md-12">
            <div class="text-right">
                <div  class="dataTables_filter">
                    <label class="col-md-10 mb-3"> 
                        <input type="text" id="searchPeople"  onkeyup="updateTableListing()" class="form-control p-3" placeholder="Search.." aria-controls="DataTables_Table_0">
                    </label>
                </div>
            </div>
        </li>
    </ol>
</div>
@endsection
<ul class="nav nav-underline nav-underline-primary pb-1 mb-2" id="nav-tab" role="tablist">
    <li class="nav-item">
        <a class="nav-item nav-link text-dark h6 active" id="nav-tab-job-partner-network" onclick="jobPartnerNetworkListing('', 'all_partners')" data-toggle="tab" href="#nav-job_partner_network" role="tab" aria-controls="nav-tab4" aria-selected="false">
            All Partners
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-item nav-link text-dark h6" id="nav-tab-job-partner-network" onclick="jobPartnerNetworkListing('', 'partner_network')" data-toggle="tab" href="#nav-job_partner_network" role="tab" aria-controls="nav-tab4" aria-selected="false">
            My Partners
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-item nav-link text-dark h6" id="nav-tab-shared-jobs"  data-toggle="tab" onclick="jobMySharedListing()"  href="#nav-shared_jobs" role="tab" aria-controls="nav-tab3" aria-selected="false" >
            My Shared Jobs
        </a>
    </li>
</ul>

<div class="tab-pane fade active show" id="nav-job_partner_network" role="tabpanel" aria-labelledby="nav-tab-job-partner-network">

    <div class="card my-1">
        <div class="card-body p-3">
                <div class="col-12">
                
                <div class="row">
                    <div class="col-sm-12" id="jobNetworkListing">
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="tab-pane fade" id="nav-shared_jobs" role="tabpanel" aria-labelledby="nav-tab-shared-jobs">

    <div class="card my-1">
        <div class="card-body p-3">
                <div class="col-12">
                
                <div class="row">
                    <div class="col-sm-12" id="jobMySharedTableListing">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="partner_sharing_drawer drawer drawer-right slide" tabindex="-1" role="dialog" aria-labelledby="drawer-1-title" aria-hidden="true">
    <div class="drawer-content drawer-content-scrollable" role="document">
        <div class="drawer-header">
            <h4 class="drawer-title">Update Partner Details</h4>
        </div>
        <div class="drawer-body">   
            <form id="partnerShareForm" novalidate="novalidate" method="post">
            </form>
        </div>
       
        <div class="drawer-footer">

            <div class="row">
                <div class="col-sm-6">
                    <button  class="btn btn-primary px-4 mt-3" type="button" onclick="savePartnerShareDetails()">Update</button>
            </div>
            <div class="col-sm-6  text-right">
                    <button class="btn btn-dark px-4 mt-3" data-dismiss="drawer" type="button">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="partner_network_detail_drawer drawer drawer-right slide" tabindex="-1" role="dialog" aria-labelledby="drawer-1-title" aria-hidden="true">
    <div class="drawer-content drawer-content-scrollable" role="document">
        <div class="drawer-header">
            <h4 class="drawer-title" id="partnerNetworkDetailDrawerTitle"></h4>
        </div>
        <div class="drawer-body">   
            <form id="partnerNetworkDetail" novalidate="novalidate" method="post">
            </form>
        </div>
        <div class="drawer-footer">

            <div class="row">
                <div class="col-sm-6">
                    <button  class="btn btn-primary px-4 mt-3" type="button" onclick="viewJobNetworkRecord('', 'view_candidate')">Submit Candidate</button>
                    <button  class="btn btn-primary px-4 mt-3" type="button" onclick="saveAndScheduleNetworkDetail('save')">Save</button>
            </div>
            <div class="col-sm-6  text-right">
                    <button class="btn btn-dark px-4 mt-3" data-dismiss="drawer" type="button">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .partner_sharing_drawer {
  width: 800px;
}
    .partner_network_detail_drawer {
  width: 700px;
}
</style>
@section('script')
<script>
    jobPartnerNetworkListing('', 'all_partners');
    function jobPartnerNetworkListing(url = '', type = ''){
        if(type == ""){
            type = $('.job_listing_type').val();
        }

        var search = $('#searchPeople').val();
        var getUrl = "{{route('partnerjobs.jobs.index')}}?query="+search;
        if(url != ""){
            getUrl = url+"&query="+search;
        }
      
        var sortValue = '';
        var sortType = '';
        if($('.job_network_sortValue').val()){
           sortValue = $('.job_network_sortValue').val();
            sortType = $('.job_network_sortType').val();
        }
        
        $.get(getUrl+'&listing=true&sortType='+sortType+'&sortValue='+sortValue+'&type='+type, function(data) {
            $('#jobNetworkListing').html(data.html);
         });
    }
    $('body').on('click', '#jobPartnerNetwork a', function(event){
    event.preventDefault();
    jobPartnerNetworkListing($(this).attr('href'));
});
function partnerNetworkSortType(event){
        $('.job_network_sortValue').val($(event).find('i').data("sort"));
        $('.job_network_sortType').val($(event).find('i').data("name"));
        jobPartnerNetworkListing();
    }
    function jobMySharedListing(url = ''){
        var search = $('#searchPeople').val();
        var getUrl = "{{route('partnerjobs.jobs.index')}}?query="+search;
        if(url != ""){
            getUrl = url+"&query="+search;
        }
       
        var sortValue = '';
        var sortType = '';
        if($('.my_shared_sortValue').val()){
           sortValue = $('.my_shared_sortValue').val();
            sortType = $('.my_shared_sortType').val();
        }
        
        $.get(getUrl+'&listing=true&sortType='+sortType+'&sortValue='+sortValue+'&type=my_shared', function(data) {
            $('#jobMySharedTableListing').html(data.html);
         });
    }
    function updateTableListing() {
        if($('#nav-job_partner_network').hasClass('active')){
            jobPartnerNetworkListing();
        }else{
            jobMySharedListing();
        }
    }
    $('body').on('click', '#jobMySharedPagination a', function(event){
        event.preventDefault();
        jobMySharedListing($(this).attr('href'));
    });
    
  function mySharedSortType(event){
        $('.my_shared_sortValue').val($(event).find('i').data("sort"));
        $('.my_shared_sortType').val($(event).find('i').data("name"));
        jobMySharedListing();
    }
    function editMySharedJobRecord(id){
     var editUrl = "{{url('my/partners/jobs')}}"+'/'+id+'/edit';
        $.get(editUrl, function(data) {
            $('#partnerShareForm').html(data.html);
            $('.partner_sharing_drawer').drawer('show');
         });
    
    }
    function savePartnerShareDetails() {
        var formData = $("#partnerShareForm").serializeArray();
       
        $.post("{{route('jobUpdatePartnerSharingInfo')}}", formData, function(data) {
            toastr.success(data.message);
            $('.partner_sharing_drawer').drawer('hide');
            jobMySharedListing();
        }).fail(function(response) {
            var errors = response.responseJSON.errors;
            $.each(errors, function( index, value ) {
                toastr.error(errors[index][0]);
            });
        });
    }
    function viewJobNetworkRecord(id = '', viewCandidate = '') {
        if(id == ""){
            id = $('#networkDetailId').val()
        }
        var editUrl = "{{url('my/partners/jobs')}}"+'/'+id +'?view_candidate='+viewCandidate;
        $.get(editUrl, function(data) {
            $('#partnerNetworkDetailDrawerTitle').html(data.title);
            $('#partnerNetworkDetail').html(data.html);
            $('.partner_network_detail_drawer').drawer('show');
         });
    }

    function saveAndScheduleNetworkDetail(type) {
        var id = $('#networkDetailId').val();
        var candidateName = $('.candidate_name').val();
        var candidateFieldView = $('#candidateFieldView').val();
        $.post("{{route('saveJobNetworkPartner')}}", {'id':id, 'candidate_view_field' : candidateFieldView, 'candidate_name': candidateName}, function(data) {
            toastr.success(data.message);
            $('.partner_network_detail_drawer').drawer('hide');
        }).fail(function(response) {
            var errors = response.responseJSON.errors;
            $.each(errors, function( index, value ) {
                toastr.error(errors[index][0]);
            });
        });
    }
</script>
@endsection

@endsection