@extends('layouts.admin')
@section('content')
<div class="page-header">
    <div class="page-block">
        <div class="row align-items-center">
            <div class="col-md-8">
                <div class="page-header-title">
                    <h4 class="m-b-10">View Category</h4>
                </div>
                <ul class="breadcrumb">
                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.dashboard')}}">
                            <i class="feather icon-home"></i>
                        </a>
                    </li>
                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.dashboard')}}">Dashboard</a>
                    </li>
                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.categories.index')}}">Categories Management</a>
                    </li>
                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.categories.index')}}">Manage Categories</a>
                    </li>
                    <li class="breadcrumb-item">
                        <a href="#">View Category</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="pcoded-inner-content">
    <div class="main-body">
        <div class="page-wrapper">
            <div class="page-body">                
                <div class="row">                     
                    <div class="col-lg-12 col-md-12">
                        <div class="card">                           
                            <div class="card-header">
                                <h3>View Category</h3> 
                            </div>
                            <div class="card-block"> 
                                <div class="row">
                                    <div class="col-lg-12 col-md-12">
                                        <div class="form-group row">
                                            <label class="col-sm-2 col-form-label">Show In <span class="requried">*</span></label>
                                            <div class="col-sm-10">
                                                                                                
                                            </div>
                                        </div>
                                        <div id='uk_div' style="display: none;">
                                            <div class="form-group row">
                                                <label class="col-sm-2 col-form-label">Category Name (UK) <span class="requried">*</span></label>
                                                <div class="col-sm-10">
                                                                                                    </div>
                                            </div> 
                                        </div>
                                        <div id='us_div' style="display: none;">
                                            <div class="form-group row">
                                                <label class="col-sm-2 col-form-label">Category Name (USA) <span class="requried">*</span></label>
                                                <div class="col-sm-10">
                                                                                                    </div>
                                            </div> 
                                        </div>                                                                                  
                                        <div class="form-group row">
                                            <label class="col-sm-2 col-form-label">Parent Id</label>
                                            <div class="col-sm-10">
                                                                                        
                                        </div>
                                    </div>                                        
                                    <div class="form-group row">
                                        <label class="col-sm-2 col-form-label">Rank <span class="requried">*</span></label>
                                        <div class="col-sm-10">
                                                                                    </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-sm-2 col-form-label">Login Required</label>
                                        <div class="col-sm-10">
                                            No                                             
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-sm-2 col-form-label">Visible</label>
                                        <div class="col-sm-10">
                                            No                                           
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-sm-2 col-form-label">Top Description (USA) </label>
                                        <div class="col-sm-10">
                                                                                    </div>
                                    </div> 
                                    <div class="form-group row">
                                        <label class="col-sm-2 col-form-label">Top Description (UK) </label>
                                        <div class="col-sm-10">
                                                                                    </div>
                                    </div> 
                                    <div class="form-group row">
                                        <label class="col-sm-2 col-form-label">Bottom Description (USA) </label>
                                        <div class="col-sm-10">
                                                                                    </div>
                                    </div> 
                                    <div class="form-group row">
                                        <label class="col-sm-2 col-form-label">Bottom Description (UK) </label>
                                        <div class="col-sm-10">
                                                                                    </div>
                                    </div> 
                                    <div class="form-group row">
                                        <label class="col-sm-2 col-form-label">Alias</label>
                                        <div class="col-sm-10">
                                                                                    </div>
                                    </div> 
                                    <div class="form-group row">
                                        <label class="col-sm-2 col-form-label">Meta Title</label>
                                        <div class="col-sm-10">
                                                                                    </div>
                                    </div> 
                                    <div class="form-group row">
                                        <label class="col-sm-2 col-form-label">Meta Keyword</label>
                                        <div class="col-sm-10">
                                                                                    </div>
                                    </div> 
                                    <div class="form-group row">
                                        <label class="col-sm-2 col-form-label">Meta Description</label>
                                        <div class="col-sm-10">
                                                                                    </div>
                                    </div> 
                                    <div class="form-group row">
                                        <label class="col-sm-2 col-form-label">OG Title</label>
                                        <div class="col-sm-10">
                                                                                    </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-sm-2 col-form-label">OG Description</label>
                                        <div class="col-sm-10">
                                                                                    </div>
                                    </div> 
                                </div>                                        
                            </div>                                                            
                        </div>
                    </div>
                </div>                    
            </div>
        </div>
    </div>
</div>
</div>
<style type="text/css">
    .ppbt span {
        position: relative !important;
    }
    .column_header{      
        color: grey !important;
        border:1px solid #e7e7e7 !important;
        /*background: url(../sort_both.png) center right no-repeat;*/
    }
    .table-bordered{
        border:1px solid #e7e7e7 !important;
    }  
    .margin-tp-bt-10{
        margin:10px 0;
    }
    .h_check{
        text-align: center;
    }
    #data_table td:first-child a {
        margin: 0 15px !important;
    }
    .requried{
        color:red;
    }
</style>
@endsection