@extends('layouts.app') @section('content')
<div class="page-content">
    <div class="page-subheading page-subheading-md">
        <ol class="breadcrumb">
            <li><a href="javascript:;">Dashboard</a></li>
            <li class="active"><a href="javascript:;">City</a></li>
            <li class="active"><a href="javascript:;">Pending Approval</a></li>
        </ol>
    </div>
    <div class="page-heading page-heading-md">
        <h2>Pending Approval</h2>
    </div>

    <div class="container-fluid-md">
        <div class="row">
            <div class="col-md-12">
                <form class="form-horizontal" role="form">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">Pending Approval List</h4>
                        </div>
                        <div class="panel-body">
                            <div class="form-group">
                                <label for="inputEmail3" class="col-sm-4 control-label">City</label>
                                <div class="col-sm-8">
                                    <input type="text" name="name" class="form-control" id="inputEmail3" placeholder="Name">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputPassword3" class="col-sm-4 control-label">Type</label>
                                <div class="col-sm-8">
                                    <select name="entity" class="form-control">
                                        <option>--Select Type--</option>
                                        <option option="content">Content</option>
                                        <option option="advertisement">Advertisement</option>
                                        <option option="article">Article</option>
                                        <option option="video">Video</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="panel-footer">
                            <div class="form-group">
                                <div class="col-sm-offset-4 col-sm-8">
                                    <button type="submit" class="btn btn-primary" name="submit">Search</button>
                                </div>
                            </div>
                        </div>
                     </div>
                </form>  
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">Pending Approval Result</h4>
            </div>
            <div class="panel-body">

                <div class="table-responsive">
                    <table class="table table-striped display">
                        <thead>
                            <tr>
                                <th>City Name</th>
                                <th>Type</th>
                                <th>Title</th>
                                <th>Content Approval Status</th>
                                <th>Submitted By</th>
                                <th>Submit Date</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="odd gradeX">
                                <td>Mumbai</td>
                                <td>Content</td>
                                <td>Intro</td>
                                <td class="center"> Pending</td>
                                <td class="center">Ravi</td>
                                <td class="center">22 June 2025</td>
                                <td class="center">Give Direction</td>
                            </tr>
                            <tr class="even gradeC">
                                <td>Mumbai</td>
                                <td>Video</td>
                                <td>Vada Pav</td>
                                <td class="center"> Approve</td>
                                <td class="center">Shilpi</td>
                                <td class="center">26 June 2025</td>
                                <td class="center">Give Direction</td>
                            </tr>
                            <tr class="odd gradeA">
                                <td>Lucknow</td>
                                <td>Article</td>
                                <td>Top 10 Hotels</td>
                                <td class="center"> Pending</td>
                                <td class="center">Shilpi</td>
                                <td class="center">26 June 2025</td>
                                <td class="center">Give Direction</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <ul class="pagination" style="float: right;">
                    <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                    <li class="page-item"><a class="page-link" href="#">1</a></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item"><a class="page-link" href="#">Next</a></li>
                </ul>
            </div>
        </div>

        @endsection