@extends('../../master_layout/admin_master')

@section('title')
<title>{{config('constants.APP_NAME')}} {{ ($edit)?'Edit':'Add' }} Page</title>
@endsection

@section('custom_css')
<!-- summernote -->
<link rel="stylesheet" href="{{asset('public/backend_assets/plugins/summernote/summernote-bs4.min.css')}}">
@endsection

@section('content')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">{{ ($edit)?'Edit':'Add' }} Page</h1>
                </div><!-- /.col -->

                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                                                <li class="breadcrumb-item"><a href="{{ route('admin.page.list', $param)}}" target="">Pages</a></li>
                        <li class="breadcrumb-item active"> {{ ($edit)?'Edit':'Add' }} Page</li>
                    </ol>
                </div>

                <!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content-header -->

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <!-- left column -->
                <div class="col-md-12">
                    @if(session('message'))
                    <div class="alert alert-{{session('message.type')}} alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        @if(session('message.type')=='danger')
                        <p class="mb-0"><strong>Sorry!</strong> {!! session('message.text') !!}</p>
                        @else
                        <p class="mb-0"><strong>Success!</strong> {!! session('message.text') !!}</p>
                        @endif
                    </div>
                    @endif
                    <!--  -->
                    <div class="card card-primary">                        
                        <!-- form start -->
                        <form id="addPage" method="post" action="{{ route('admin.page.save')}}" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="page_id" id="" value="{{ ($edit)?$page->id:0 }}">
                            <input type="hidden" class="form-control" id="uploaded_image" name="uploaded_image" value="">

                            <div class="card-body">
                                <div class="row">

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="title">Title</label>
                                            <input type="text" name="title" class="form-control" id="title" placeholder="Enter title" value="{{ ($edit)?$page->title:old('title')}}">
                                        </div>
                                        @if ($errors->has('title'))
                                        <span class="text-danger">{{ $errors->first('title') }}</span>
                                        @endif
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="slug">Slug</label>
                                            <input type="text" name="slug" class="form-control" id="slug" readonly placeholder="Auto generate after you filled field title" value="{{ ($edit)?$page->slug:old('slug')}}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="menu_text">Menu Text</label>
                                            <input type="text" name="menu_text" class="form-control" id="menu_text" placeholder="Enter Menu Display Text" value="{{ ($edit)?$page->menu_text:old('menu_text')}}">
                                        </div>
                                        @if ($errors->has('menu_text'))
                                        <span class="text-danger">{{ $errors->first('menu_text') }}</span>
                                        @endif
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Image</label>
                                            <input type="file" class="form-control" name="image" id="image" accept="image/*">

                                            <div class="col-md-6 col-xs-12 mt-2"> 
                                                                                        </div>
                                        </div>
                                        @if ($errors->has('image'))
                                        <span class="text-danger">{{ $errors->first('image') }}</span>
                                        @endif                                        
                                    </div> 
                                    
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="content">Content</label>
                                            <textarea name="content" id="content">{{ ($edit)?$page->content:old('content')}}</textarea>
                                        </div>
                                        @if ($errors->has('content'))
                                        <span class="text-danger">{{ $errors->first('content') }}</span>
                                        @endif
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="status">Status</label>
                                            <select name="status" class="form-control" id="status">
                                                <option value="">Select</option>
                                                <option value="1"