@extends('Backend.layouts.app')
@section('content')
    <!-- Page Header -->
    <div class="page-header row no-gutters py-4">
        <div class="col-12 col-sm-4 text-center text-sm-left mb-0">
            <span class="text-uppercase page-subtitle">Information Pages</span>
            <h3 class="page-title">Add New Category Section</h3>
        </div>
    </div>
    <!-- End Page Header -->
    <form class="add-new-post" action="{{isset($edit)?route('homepage_category.update', $edit->id):route('homepage_category.store')}}" method="post" enctype="multipart/form-data">
        <div class="row">
            <div class="col-lg-9 col-md-12">
                <!-- Add New Post Form -->
                <div class="card card-small mb-3">
                    <div class="card-body">
                        @csrf
                        @if(isset($edit))
                            @method('PATCH')
                        @endif

                        <input type="hidden" name="status" id="status" />
                        <div class="row col-md-12 col-sm-12 p-0 pl-3">
                            <label for="group_id">Category Name <span class="required">*</span></label>
                            <select class="form-control form-control-lg mb-3" id="group_id" name="group_id">
                                <option value="">Select Category</option>
                                @foreach($categories as $category)
                                    <option value="{{$category->id}}" @isset($edit) {{$category->id == $edit->group_id ? 'selected' : ''}} @endisset>{{$category->name}}</option>
{{--                                    <option value="{{ $user->id }}" {{ $user->id == $order->user_id ? 'selected' : '' }}>{{ $user->name }}</option>--}}

                                @endforeach
                            </select>
                            @if($errors->first('group_id'))
                                <div class="alert alert-danger">
                                    {{$errors->first('group_id')}}
                                </div>
                            @endif
                        </div>

                        <div class="row col-md-12 col-sm-12 p-0 pl-3">
                            <label for="section_ordering">Category Section Ordering<span class="required">*</span></label>
                            <select class="form-control form-control-lg mb-3" id="section_ordering" name="section_ordering">
                                <option value="">Select Order</option>
                                <option value="1" @isset($edit) {{$edit->section_ordering == 1 ? 'selected' : ''}} @endisset>1</option>
                                <option value="2" @isset($edit) {{$edit->section_ordering == 2 ? 'selected' : ''}} @endisset>2</option>
                            </select>
                            @if($errors->first('section_ordering'))
                                <div class="alert alert-danger">
                                    {{$errors->first('section_ordering')}}
                                </div>
                            @endif
                        </div>

{{--                        <div class="row col-md-12 col-sm-12 p-0 pl-3">--}}
{{--                            <label>Section Ordering <span class="required">*</span> </label>--}}
{{--                            <input class="form-control form-control-lg mb-3" id="section_ordering" type="number" name="section_ordering" value="{{old('section_ordering')?old('section_ordering'):(isset($edit)?$edit->section_ordering:'')}}" placeholder="Enter Section Order.">--}}
{{--                            @if($errors->first('section_ordering'))--}}
{{--                                <div class="alert alert-danger">--}}
{{--                                    {{$errors->first('section_ordering')}}--}}
{{--                                </div>--}}
{{--                            @endif--}}
{{--                        </div>--}}
                        <div class="custom-control custom-switch custom-switch-off-danger custom-switch-on-success">
                            <input type="hidden" name="show_on_homepage" value="0">
                            <input type="checkbox" class="custom-control-input" id="customSwitch" name="show_on_homepage" value="1"
                                   @if(isset($edit))
                                   {{$edit->show_on_homepage ? 'checked' : ''}}
                                   @else
                                   checked
                                    @endif
                            >
                            <label class="custom-control-label" for="customSwitch">ShowOnHomePage</label>
                        </div>
                    </div>
                </div>
                <!-- / Add New Post Form -->
            </div>
            <div class="col-lg-3 col-md-12">
                <!-- Post Overview -->
                <div class='card card-small mb-3'>
                    <div class="card-header border-bottom">
                        <h6 class="m-0">Actions</h6>
                    </div>
                    <div class='card-body p-0'>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item p-3">
                                @if(isset($edit))
                                    <span class="d-flex mb-2">
							<i class="material-icons mr-1">flag</i>
							<strong class="mr-1">Status:</strong> {{$edit->status}}
                                    <!-- <a class="ml-auto" href="#">Edit</a> -->
						</span>
                            @endif
                            <!-- <span class="d-flex mb-2">
	              <i class="material-icons mr-1">visibility</i>
	              <strong class="mr-1">Visibility:</strong>
	              <strong class="text-success">Public</strong>
	              <a class="ml-auto" href="#">Edit</a>
	            </span>
	            <span class="d-flex mb-2">
	              <i class="material-icons mr-1">calendar_today</i>
	              <strong class="mr-1">Schedule:</strong> Now
	              <a class="ml-auto" href="#">Edit</a>
	            </span> -->
                                <span class="d-flex">
							<i class="material-icons mr-1">score</i>
							<strong class="mr-1">Preview:</strong>
							<strong class="text-warning">@if(isset($edit) && $edit->status=='Saved')<a target='_blank' href="{{url('/').'/'.$edit->slug.'/'.$edit->url}}"><i class='fa fa-eye'></i> Click</a>@else No @endif</strong>
						</span>
                            </li>
                            <li class="list-group-item d-flex px-3">
                                @if(isset($edit))
                                    <button type="submit" id="update" class="btn btn-sm btn-accent ml-auto" name="status" value="save">
                                        <i class="material-icons">file_copy</i> {{$edit->status=='Saved'?'Update':'Save'}}
                                    </button>
                                @else
                                    <button type="submit" id="draft" class="btn btn-sm btn-outline-accent" name="status" value="draft">
                                        <i class="material-icons">save</i> Save Draft
                                    </button>
                                    <button type="submit" id="save" class="btn btn-sm btn-accent ml-auto"  name="status" value="save">
                                        <i class="material-icons">file_copy</i> Publish
                                    </button>
                                @endif
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- / Post Overview -->
            </div>
        </div>
    </form>
@endsection