@extends('layouts.master')
@section('main-body')
@include('modals.confirmation')
<div class="container-fluid">
    <div class="page-header">
        <div class="row">
            <div class="col-sm-12">
                <h3>Professional Management</h3>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/">Dashboard</a></li>
                    <li class="breadcrumb-item"><a href="/professionals">Professionals</a></li>
                    <li class="breadcrumb-item active">Application Details</li>
                </ol>
                {!! Form::open(array('route'=>array('professionals.update-status',$application->id),'method'=>'PUT','id'=>'application-form')) !!}
                    <span class="pull-right">
                        @if ($application->status == 'pending')
                                <button type="button" class="btn btn-primary" id="{{$application->professional_id}}" value="approve" onclick="updateStatus(this)">Approve</button>
                                <button type="button" class="btn btn-danger" id="{{$application->professional_id}}" value="decline" onclick="updateStatus(this)">Decline</button>

                                <a href="{{url()->previous()}}">
                                    <button type="button" class="btn btn-light">Back</button>
                                </a>
                                {!! Form::hidden('status', '', ['id'=>'applicationStatus']) !!}
                        @endif
                    </span>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
</div>
<div class="container-fluid">
    <div class="user-profile">
        <div class="row">
            <div class="col-xl-12 col-lg-12 col-md-12 xl-12">
                <div class="default-according style-1 faq-accordion job-accordion">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="p-0">
                                        Application Details
                                    </h4>
                                </div>
                                <div class="card-body post-about">
                                    <div class="col-lg-12">
                                        <ul>
                                            <div class="icon"><i data-feather="tag"></i> <b>Status</b></div>
                                            <li>
                                                <div class="col-lg-4">
                                                    <h5>Registration Status:
                                                        <b>
                                                        @if($application->user->verified)
                                                            Email Verified
                                                        @else
                                                            New
                                                        @endif
                                                        </b>
                                                    </h5>
                                                </div>
                                                <div class="col-lg-4">
                                                    <h5>Application Status:
                                                        <b>
                                                        @if ($application->has_applied)
                                                            @if ($application->status == 'pending')
                                                                For Review
                                                            @else
                                                                {!! ucfirst($application->status) !!}
                                                            @endif
                                                        @else
                                                            New
                                                        @endif
                                                        </b>
                                                    </h5>
                                                </div>
                                            </li> <br /> <br />
                                            <div class="icon"><i data-feather="user"></i> <b>Basic Information</b></div>
                                            <li>
                                                <div class="col-lg-4">
                                                    <h5>First Name: <b>{!! $application->profile->first_name !!}</b></h5>
                                                </div>
                                                <div class="col-lg-4">
                                                    <h5>Middle Name: <b>{!! $application->profile->middle_name !!}</b></h5>
                                                </div>
                                                <div class="col-lg-4">
                                                    <h5>Last Name: <b>{!! $application->profile->last_name !!}</b></h5>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="col-lg-4">
                                                    <h5>Email: <b>{!! $application->user->email !!}</b></h5>
                                                </div>
                                                <div class="col-lg-4">
                                                    <h5>Contact Number: <b>{!! $application->profile->mobile_number !!}</b></h5>
                                                </div>
                                                <div class="col-lg-4">
                                                    <h5>Gender: <b>{!! ucfirst($application->profile->gender) !!}</b></h5>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="col-lg-4">
                                                    <h5>Profession: <b>{!! $application->profession->name !!}</b></h5>
                                                </div>
                                                <div class="col-lg-4">
                                                    <h5>Specialty:
                                                        <b>
                                                            @if($application->specialty > 0 && $application->specialty !== "")
                                                                {!! $application->specialize->name !!}
                                                            @else
                                                                N/A
                                                            @endif
                                                        </b>
                                                    </h5>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="col-lg-4">
                                                    <h5>Affiliations:
                                                        <b>
                                                            @if($application->associated_with)
                                                                {!! $application->associated_with !!}
                                                            @else
                                                                N/A
                                                            @endif
                                                        </b>
                                                    </h5>
                                                </div>
                                                <div class="col-lg-4">
                                                    <h5>HMO:
                                                        <b>
                                                            @if($application->hmo)
                                                                {!! $application->hmo !!}
                                                            @else
                                                                N/A
                                                            @endif
                                                        </b>
                                                    </h5>
                                                </div>
                                            </li>
                                            <br /><br />
                                            <div class="icon"><i data-feather="user"></i> <b>Professional Practice</b></div>
                                            <li>

                                                <table class="table table-styling">
                                                <thead>
                                                    <tr>
                                                        <th>Clinic / Hospital / Office</th>
                                                        <th>Building No. / Street Name</th>
                                                        <th>Country</th>
                                                        <th>Region / Province</th>
                                                        <th>City</th>
                                                        <th>Postal Code</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($application->offices as $office)
                                                    <tr>
                                                        <td>{!! $office->name !!}</td>
                                                        <td>{!! $office->street_name !!}</td>
                                                        <td>{!! $office->country !!}</td>
                                                        <td>{!! $office->state !!}</td>
                                                        <td>{!! $office->city !!}</td>
                                                        <td>{!! $office->zip_code !!}</td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                                </table>
                                            </li>
                                            <br /><br />
                                            <div class="icon"><i data-feather="user"></i> <b>Schedules</b></div>
                                            <li>
                                                <table class="table table-styling">
                                                <thead>
                                                    <tr>
                                                        <th>Day</th>
                                                        <th>Time</th>
                                                        <th>Fee</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($application->schedules as $schedule)
                                                    <tr>
                                                        <td>{!! $schedule->day_of_week !!}</td>
                                                        <td>{!! $schedule->time_from.' '.$schedule->time_to !!}</td>
                                                        <td>{!! 'PHP '. number_format($schedule->professional_fee, 2) !!}</td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                                </table>
                                            </li>
                                            <br /><br />
                                            <div class="icon"><i data-feather="user"></i> <b>Identity Verification</b></div>
                                            <li>
                                                <div class="col-4">
                                                    <h5>PRC/IBP Number <b>{!! $application->prc_number!!}</b></h5>
                                                </div>
                                                <div class="col-4">
                                                    <h5>Birthday: <b>{!! $application->profile->birthday !!}</b></h5>
                                                </div>
                                                <div class="col-4">
                                                    <h5>Date of Admission:{!! date_format(date_create($application->date_of_admission),"F d Y") !!} <b></b></h5>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="col-12">
                                                    <h5>
                                                        PRC/IBP ID:
                                                        <div><img src="{{$application->prc_id}}"></div>
                                                    </h5>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="col-4">
                                                    <h5>
                                                        E-Signature:
                                                        <div><img src="{{$application->signature}}"></div>
                                                    </h5>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="col-4">
                                                    <h5>
                                                        Selfie with PRC/IBP ID:
                                                        <div><img src="{{$application->selfie}}"></div>
                                                    </h5>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@include('modals.confirmation')
@endsection

@section('page-script')

function updateStatus(elem){
    let professionalId = elem.id;

    if (elem.value === 'approve') {
        $('#confirmation-title').html('Approve');
        $('#confirmation-body').html("Are you sure you want to approve this professional?" );
        $('#submit-btn').html('Approve');
        $('#submit-btn').addClass('btn-primary');
        $('#applicationStatus').val('approved');
    } else {
        $('#confirmation-title').html('Decline');
        $('#confirmation-body').html("Are you sure you want to decline this professional?" );
        $('#submit-btn').html('Decline');
        $('#submit-btn').addClass('btn-danger');
        $('#applicationStatus').val('declined');
    }

    $('#submit-btn').val(professionalId);

    $('#confirmationModal').modal('show');
}

function submitForm(elem) {
    $('#application-form').submit();
}

@endsection