@extends('layouts.admin')
@section('content')

                                <div class="card">
                                    <div class="card-header bg-white p-4">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <h4 class="mb-0 text-dark fw-bold"><i class="bi bi-node-plus me-2 text-primary"></i>Add new page</h4>
                    </div>
                    <div class="col-md-6 text-end">
                        <!-- <button type="button" class="btn btn-primary fw-bold">Page List </button> -->
                        <!-- <div class="input-group"> -->
                            
                            <!-- <input type="text" class="form-control" id="searchInput" placeholder="Search projects, client, or status..."> -->
                            <!-- <span class="input-group-text"><i class="bi bi-search"></i></span> -->
                             
                             <!-- <span class="input-group-text"><i class="bi bi-plus"></i></span> -->
                        <!-- </div> -->
                    </div>
                </div>
            </div>
                                    <div class="card-body p-3">
                                            <div class="row">
                                                <div class="col-md-8 ml-auto mr-auto">
                                                    <form id="addPageForm">
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label class="form-label fw-normal">Page Title</label>
                                                                    <input type="text" name="inputName" placeholder="This will show in menu e.g. Contact Us" class="form-control cForm">
                                                                    <span class="form-error"></span>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label class="form-label fw-normal">Page URL</label>
                                                                    <input type="text" name="inputUrl" placeholder="This will show in address bar" class="form-control cForm">
                                                                    <span class="form-error"></span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label class="form-label fw-normal">Parent</label>
                                                                    <select name="inputParent" id="inputParent" class="form-control">
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label class="form-label fw-normal">Location</label>
                                                                    <select name="inputLocation" class="form-control">
                                                                        <option value="header">Show in header only</option>
                                                                        <option value="footer">Show in footer only</option>
                                                                        <option value="both">Show in both header & footer</option>
                                                                        <option value="link">Display as a link</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            
                                                        <div class="col-md-6 col-xs-6">
                                                        <div class="form-group">
                                                                    <label class="form-label fw-normal">Position</label>
                                                                    <input type="number" name="inputPosition" class="form-control cForm" placeholder="e.g Numeric value " width="120px">
                                                                    <span class="form-error"></span>
                                                                </div>
                                                                </div>
                                                        
                                                        <!-- <div class="row"> -->
                                                            <div class="col-md-6 col-xs-6">
                                                                <div class="text-end mt-4">
                                                                    <button type="submit" class="btn btn-success" id="pageSubmit">Save</button>
                                                                </div>
                                                            </div>
                                                        <!-- </div> -->
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                </div>
                            
@endsection