@extends('layouts.master')
@section('title', 'PetroERP- An ERP for Petrol Pumps')
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                    <h5>Show Page</h5>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">
                            <a href="#">Manage</a>
                        </li>
                        <li class="breadcrumb-item active">Page Info</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Page Details</h3>
                        <!-- <a class="float-right" style="margin-top: -25px; color: #007bff; font-size: 22px;" data-toggle="popover" title="City Details" data-content="This page provides the complete detail of a selected city. There are two buttons 'Edit' and 'Deactivate'. If the city is deactive one it will show only 'Acticvate' button in place of 'Deactivate' button, there is no 'Edit' for deactive city."><i class="fa fa-question-circle"></i></a> -->
                    </div>
                    <div class="card-body">
                        <a href="/pageInfo" class="btn btn-primary">Back to List</a>
                        <div class="table-entry table-responsive tableFixHead">
                            <table class="table table-striped">
                                <tbody>
                                    <tr>
                                        <td class="text-bold">Page Name</td><td>: {{$appMenu->title}}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-bold">Page Style</td><td>: {{$appMenu->is_hover==1?'Hover':$appMenu->is_modal==1?'Modal':$appMenu->is_newpage==1?'New Page':''}}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-bold">Header</td><td>: {{$appMenu->header}}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-bold">Description</td><td>: {{$appMenu->description}}</td>
                                    </tr>
                                    @if($appMenu->is_newpage==1)
                                        <tr>
                                            <td class="text-bold">Image</td>
                                            <td>
                                                <img alt="{{$appMenu->header}}" src="/images/pageInfo/{{$appMenu->image}}" height="65px" width="121px" class="img-responsive">
                                            </td>
                                        </tr>
                                    @endif
                                   <tr>
                                        @if($appMenu->pageActive==0)
                                            <td colspan="2">
                                                <a href="/pageInfo/{{$appMenu->pageInfoId}}/activate">
                                                    {!! Form::open(['action' => ['PageInfoController@activate', $appMenu->pageInfoId], 'method'=>'GET']) !!}
                                                        {{Form::hidden('_method', 'ACTIVATE')}}
                                                        {{Form::button('<span class="fa fa-check"></span><span class="separator"></span>&nbsp;&nbsp;&nbsp;Activate&nbsp;&nbsp;&nbsp;', array('class'=>'btn btn-success confirmActivate', 'type'=>'submit')) }}
                                                    {!! Form::close() !!}
                                                </a>
                                            </td>
                                        @else
                                            <td><a href="/pageInfo/{{$appMenu->pageInfoId}}/edit"> <button class="btn btn-primary">
                                                <span class="fa fa-pencil"></span>
                                                <span class="separator"></span>
                                                &nbsp;&nbsp;&nbsp;Edit&nbsp;&nbsp;&nbsp;</button></a>
                                            </td>
                                            <td>
                                                <a href="/pageInfo/{{$appMenu->pageInfoId}}/deactivate">
                                                    {!! Form::open(['action' => ['PageInfoController@deactivate', $appMenu->pageInfoId], 'method'=>'GET']) !!}
                                                        {{Form::hidden('_method', 'DEACTIVATE')}}
                                                        {{Form::button('<span class="fa fa-trash"></span><span class="separator"></span>&nbsp;&nbsp;&nbsp;Deactivate&nbsp;&nbsp;&nbsp;', array('class'=>'btn btn-danger confirmDeactivate', 'type'=>'submit')) }}
                                                    {!! Form::close() !!}
                                                </a>
                                            </td>
                                        @endif
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection