@extends('user.layouts.app')

@section('content') 
@php
    $portfolio = @$portfolio;
    $agency_contract = @$agency_contract;
    if($portfolio->portfolio_status==1){
        $portfolio_status = "InProgress";
    }
    elseif($portfolio->portfolio_status==2){
        $portfolio_status = "Active";
    }
    elseif($portfolio->portfolio_status==3){
        $portfolio_status = "Closed";
    }
    elseif($portfolio->portfolio_status==4){
        $portfolio_status = "Completed";
    }
    else{
        $portfolio_status = "Draft";
    }
@endphp
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <ol class="breadcrumb">
            <li><a href="{{ route("home") }}" class="text-info">Home</a></li>
            <li class="active capitalize">Portfolio Detail</li>
        </ol>
    </div>
</div> 
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="row">
                    <div class="col-md-8 col-sm-6 col-xs-12">
                        <h3 class="no-margin">Portfolio Details <br/><small>PF No: {{ $portfolio->portfolio_number }}</small></h3>
                    </div>
                    <div class="col-md-4 col-sm-6 col-xs-12 text-right">
                        <a href="{{ route('edit.profile') }}" class="btn btn-info btn-sm"><i class="fa fa-arrow-left"></i> Back</a>
                    </div>
                </div>
            </div>
            <div class="panel-wrapper collapse in">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-6 col-xs-12 m-b-10">
                            <span class="text-muted"><strong>Portfolio Number:</strong> {{ $portfolio->portfolio_number }}</span>
                        </div>
                        <div class="col-md-6 col-xs-12 m-b-10">
                            <span class="text-muted"><strong>Portfolio Status:</strong> {{ $portfolio_status }}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        @if(!empty($placements))
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="row">
                    <div class="col-md-8 col-sm-6 col-xs-12">
                        <h4 class="no-margin">Placements</h4>
                    </div>
                </div>
            </div>
            <div class="panel-wrapper collapse in">
                <div class="panel-body">
                    
                </div>
            </div>
        </div>
        @endif
        
        @if(!empty($agency_contract))
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="row">
                    <div class="col-md-8 col-sm-6 col-xs-12">
                        <h4 class="no-margin">Agency Contracts</h4>
                    </div>
                </div>
            </div>
            <div class="panel-wrapper collapse in">
                <div class="panel-body">
                    <div class="col-md-12 p-0">
                        <p class="text-muted"><span class="text-danger">*</span> When you accept any request then the similar contract type requests will be expired automatically.</p>
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>Agency Name</th>
                                        <th>Contract Type</th>
                                        <th>Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                @if(!empty($agency_contract))
                                    @foreach($agency_contract as $key => $item)
                                        @php
                                            $form_id = "frm_agency_request_{$loop->count}";
                                        @endphp
                                        <tr>
                                            <td>{{ $item->agency->agency_name }}</td>
                                            <td>{{ $item->contract_name }}</td>
                                            <td>
                                                @if($item->request_by == 1 && $item->request_status == 1)
                                                    <span class="label label-primary">Request Received</span>
                                                @elseif($item->request_by == 2 && $item->request_status == 1)
                                                    <span class="label label-warning">Request Sent</span>
                                                @elseif($item->request_status == 2)
                                                    <span class="label label-success">Request Accepted</span>
                                                @elseif($item->request_status == 3)
                                                    <span class="label label-danger">Rejected</span>
                                                @endif
                                                @if($item->request_status != 2)
                                                    @if($item->is_expired == 1)
                                                        <p><span class="label text-danger">Expired</span></p>
                                                    @endif
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                @if($item->request_by == 1 && $item->request_status == 1 && $item->is_expired == 0)
                                                    <form id="{{ $form_id }}" action="{{ route('contract.request.action') }}" method="post" onsubmit="return agencyRequestAction(this);">
                                                        <input type="hidden" name="contract" value="{{ encrypt($item->id) }}" />
                                                        <input type="hidden" name="agency" value="{{ encrypt($item->agency->id) }}" />
                                                        <input type="hidden" name="btn_action" value="" />
                                                        <button type="submit" class="btn btn-success" value="accept" onclick="return setFormBtnAction('{{ $form_id }}',this.value);">Accept</button>
                                                        <button type="submit" class="btn btn-danger" value="reject" onclick="return setFormBtnAction('{{ $form_id }}',this.value);">Reject</button>
                                                    </form>
                                                @else
                                                -
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td class="text-center" colspan="100%">No data found</td> 
                                    </tr>
                                @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif
    </div>
</div>
<script>
    function agencyRequestAction(ele){
        
        var confirm_message = "";
        var btn_action = $(ele).find("input[name='btn_action']").val();
        
        if(btn_action == "" || btn_action == "undefined" || btn_action == null){
            return false;
        }
        
        if(btn_action == "accept"){
            confirm_message = "By confirm, your contract will be started with the agency, make sure similar contract type requests will be expired automatically.";
        }
        else if(btn_action == "reject"){
            confirm_message = "By confirm you will reject request from the agency.";
        }
        
        confirmAlert(ele,confirm_message,"warning","Are you sure?","Confirm",function(ele,state){
            
            if(state){
                var form_data = new FormData(ele);
                $(ele).find("input[name='btn_action']").val("");

                var url = $(ele).attr('action');

                $.ajax({
                    url: url,
                    type: 'post',
                    data: form_data,
                    dataType: 'json',
                    processData: false,
                    contentType: false,
                    headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                    success: function(response){
                        notifyAlert(response.message,response.type);
                        window.location.reload();
                    },
                });
            }
        });
        
        return false;
    }
</script>
@endsection