@php
    $mi_details = @$step_verified_data['mi_details'];
@endphp
<div class="row"> 
    <div class="col-sm-12">
        <h3>Medical Insurance</h3>
    </div>
</div>
<div class="row"> 
    @if($is_step_success == 1 && !empty($mi_details))
        @if(count($mi_details) > 1)
        <div class="col-sm-12">
            <div class="multi_tab_view m-b-20">
                <ul class="nav nav-pills" id="{{ $active_step_key }}">
                    @foreach($mi_details as $mi_data)
                        @php
                            $is_active = ($loop->index == 0)?"active":"";
                            $insurance_company = $mi_data['insurance_company'];
                        @endphp
                        <li class="tab-success {{ $is_active }}"> <a href="#mi-{{ $insurance_company }}" data-toggle="tab" aria-expanded="false" title="{{ $insurance_company }}">{{ $insurance_company }}</a> </li>
                    @endforeach
                </ul>
                <div class="tab-content br-n pn m-t-20">
                    @foreach($mi_details as $mi_data)
                        @php
                            $is_active = ($loop->index == 0)?"active":"";
                            $insurance_company = $mi_data['insurance_company'];
                            $insurance_guides = $mi_data['insurance_guides'];
                        @endphp
                        <div id="mi-{{ $insurance_company }}" class="tab-pane fade in {{ $is_active }}">
                            <div class="col-md-12">
                                <p>Following is your medical insurance details.</p>
                            </div>
                            <div class="col-md-6">
                                <dl>
                                    <dt>Full Name</dt>
                                    <dd>{{ $mi_data['first_name'].' '.$mi_data['last_name'] }}</dd>
                                </dl>
                            </div>
                            <div class="col-md-6">
                                <dl>
                                    <dt>Email</dt>
                                    <dd>{{ $mi_data['email_address'] }}</dd>
                                </dl>
                            </div>

                            <div class="col-md-6">
                                <dl>
                                    <dt>Policy Number</dt>
                                    <dd>{{ $mi_data['policy'] }}</dd>
                                </dl>
                            </div>

                            <div class="col-md-6">
                                <dl>
                                    <dt>Insurance Period</dt>
                                    <dd><strong>From:</strong> {{ dateformat($mi_data['start'],'M d, Y') }} <strong>To:</strong> {{ dateformat($mi_data['end'],'M d, Y') }}</dd>
                                </dl>
                            </div>
                            <div class="col-md-6">
                                <dl>
                                    <dt>Insurance Status</dt>
                                    <dd>{{ $mi_data['status'] }}</dd>
                                </dl>
                            </div>

                            <div class="col-md-12">
                                <dl>
                                    <dt>ATTENTION: YOU CAN DOWNLOAD THE OFFICIAL DOCUMENTS  RELATED  TO YOUR MEDICAL INSURANCE BELOW!</dt>
                                    @if(!empty($insurance_guides))
                                        @foreach($insurance_guides as $file)
                                        @php
                                            $file = (array) $file;
                                            
                                            $dcode = encrypt([
                                                        'dcode' => $file['download_code'], 
                                                        'doc_filename' => $file['name']
                                                    ]);
                                        @endphp
                                            <dd><a href="{{ !empty($file['download_code']) ? route('download',array('dcode',$dcode)) : 'javascript:void(0);' }}">{{ $file['name'] }}</a></dd>
                                        @endforeach
                                    @endif
                                </dl>
                            </div>
                        </div>
                    @endforeach
                </div>
                <!-- Bootstrap Accordion for mobile view -->
                <div class="panel-group" id="application_status_accordion" role="tablist" aria-multiselectable="true"></div>
                <!-- /Bootstrap Accordion for mobile view -->
                <div class="clearfix"></div>
            </div>
        </div>
        @else
            @php
            $mi_data = $mi_details[0];
            $insurance_guides = $mi_data['insurance_guides'];
            @endphp
            <div class="col-md-12">
                <p>Following is your medical insurance details.</p>
            </div>
            <div class="col-md-6">
                <dl>
                    <dt>Full Name</dt>
                    <dd>{{ $mi_data['first_name'].' '.$mi_data['last_name'] }}</dd>
                </dl>
            </div>
            <div class="col-md-6">
                <dl>
                    <dt>Email</dt>
                    <dd>{{ $mi_data['email_address'] }}</dd>
                </dl>
            </div>

            <div class="col-md-6">
                <dl>
                    <dt>Policy Number</dt>
                    <dd>{{ $mi_data['policy'] }}</dd>
                </dl>
            </div>

            <div class="col-md-6">
                <dl>
                    <dt>Insurance Period</dt>
                    <dd><strong>From:</strong> {{ dateformat($mi_data['start'],'M d, Y') }} <strong>To:</strong> {{ dateformat($mi_data['end'],'M d, Y') }}</dd>
                </dl>
            </div>
            <div class="col-md-6">
                <dl>
                    <dt>Insurance Status</dt>
                    <dd>{{ $mi_data['status'] }}</dd>
                </dl>
            </div>

            <div class="col-md-12">
                <dl>
                    <dt>ATTENTION: YOU CAN DOWNLOAD THE OFFICIAL DOCUMENTS  RELATED  TO YOUR MEDICAL INSURANCE BELOW!</dt>
                    @if(!empty($insurance_guides))
                        @foreach($insurance_guides as $file)
                            @php
                                $file = (array) $file;
                                $dcode = encrypt([
                                            'dcode' => $file['download_code'], 
                                            'doc_filename' => $file['name']
                                        ]);
                            @endphp
                            <dd><a href="{{ !empty($file['download_code']) ? route('download',array('dcode',$dcode)) : 'javascript:void(0);' }}">{{ $file['name'] }}</a></dd>
                        @endforeach
                    @endif
                </dl>
            </div>
        @endif
    @else
        <div class="col-md-12">
            <p>Your Medical Insurance details will appear here, as soon as it is available.</p>
        </div>
    @endif
</div>