@extends('index')
@section('title', Helper::getSiteTitle($title))

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">{{ __('Dashboard') }}</a></li>
                    <li class="breadcrumb-item"><a href="javascript:void(0)">{{ __('Catalog') }}</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('catalog-categories') }}">{{ __('Manage Brands') }}</a></li>
                    <li class="breadcrumb-item active">{{ __($title) }}</li>
                </ol>
            </div>
            <h4 class="page-title">{{ __($title) }}</h4>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12">
        <div class="card-box">
            <form class="submit-form" action="{{ route('create-brand') }}" method="post" enctype="multipart/form-data">
                <div class="row">
                    <div class="col-lg-6">
                        {{ csrf_field() }}
                        <div class="display-messages">
                            @if($errors->any())
                            <div class="alert alert-danger" role="alert">
                                @foreach ($errors->all() as $error)
                                    {!! $error !!}<br>
                                @endforeach
                            </div>
                            @elseif(session('message'))
                            <div class="alert alert-success" role="alert">
                                {!! session('message') !!}
                            </div>
                            @endif
                        </div>

                        <div class="form-group">
                            <label for="projectname">{{ __('Title') }}</label>
                            <input type="text" id="projectname" class="form-control" placeholder="{{ __('Add Title') }}" name="name" value="{{ Helper::getInputValue('name') }}" required="">
                        </div>

                        <div class="form-group">
                            <label for="login-email">Description</label>
                            <textarea class="form-control" placeholder="Add Description" rows="7" name="description" value="{{ Helper::getInputValue('description') }}">{{ Helper::getInputValue('description') }}</textarea>
                        </div>

                        <div class="form-group row mt-3">
                            <label class="col-3 col-form-label">Status</label>
                            <div class="col-9">
                                <input type="checkbox" checked="" data-plugin="switchery" data-color="#1bb99a" name="approve" value="1" />
                            </div>
                        </div>

                        <div class="form-group row mt-3">
                            <label class="col-3 col-form-label">Featured Brand</label>
                            <div class="col-9">
                                <input type="checkbox" data-plugin="switchery" data-color="#1bb99a" name="featured" value="1" />
                            </div>
                        </div>

                        <br/><h4 class="pTitle__text" style="font-size: 18px;">Search Engine Optimization</h4><br>

                        <div class="form-group">
                            <label for="login-email">Meta Title</label>
                            <input type="text" class="form-control" id="login-email" placeholder="Meta Title" name="meta_title" value="{{ Helper::getInputValue('meta_title') }}">
                        </div>

                        <div class="form-group">
                            <label for="login-email">Meta Keywords</label>
                            <select class="form-control" name="meta_keywords[]" data-toggle="select2tags" multiple="" data-placeholder="Add Meta Keywords">
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="login-email">Meta Description</label>
                            <textarea class="form-control" placeholder="Meta Description" rows="7" name="meta_description" value="{{ Helper::getInputValue('meta_description') }}">{{ Helper::getInputValue('meta_description') }}</textarea>
                        </div>

                    </div>

                    <div class="col-xl-6">
                        <div class="form-group mt-3 mt-xl-0">
                            <label for="projectname" class="mb-0">{{  __('Image')}}</label>
                            <input type="file" data-plugins="dropify" data-text="{{ __('Click to upload') }}" data-default-file="" name="image"  />
                            <input type="hidden" name="remove_image" class="remove-image">
                        </div>

                        <div class="form-group row mt-3">
                            <label class="col-3 col-form-label">On Sale</label>
                            <div class="col-9">
                                <input type="checkbox" data-plugin="switchery" data-color="#1bb99a" name="on_sale" value="1" />
                            </div>
                        </div>

                        <div class="form-group row mb-3">
                            <label class="col-3 col-form-label">Sale %</label>
                            <div class="col-9">
                                <input type="number" step=".01" id="projectname" class="form-control" placeholder="{{ __('Sale %') }}" name="sale_percentage" value="{{ Helper::getInputValue('sale_percentage') }}">
                            </div>
                        </div>

                        <div class="form-group row mb-3">
                            <label class="col-3 col-form-label">{{ __('Start Date') }} </label>
                            <div class="col-9">
                                @php
                                    $sale_starts_at = null;
                                @endphp
                                <input type="date" class="form-control" placeholder="{{ __('Start Date') }}" name="sale_starts_at" value="{{ Helper::getInputValue('sale_starts_at', $sale_starts_at) }}" >
                            </div>
                        </div>

                        <div class="form-group row mb-3">
                            <label class="col-3 col-form-label">{{ __('End Date') }} </label>
                            <div class="col-9">
                                @php
                                    $sale_ends_at = null;
                                @endphp
                                <input type="date" class="form-control" placeholder="{{ __('End Date') }}" name="sale_ends_at" value="{{ Helper::getInputValue('sale_ends_at', $sale_ends_at) }}">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col-12">
                        
                        <button type="submit" class="btn btn-info waves-effect waves-light form-submit-button">
                            <span class="btn-label"><i class="mdi mdi-plus"></i><span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span></span>
                            {{ __('Create') }}
                        </button>

                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('css-lib')
<meta name="class-to-open" content='brands'>
<link href="{{ asset('libs/mohithg-switchery/switchery.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('libs/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('libs/dropify/css/dropify.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('js-lib')
<script src="{{ asset('libs/mohithg-switchery/switchery.min.js') }}"></script>
<script src="{{ asset('libs/select2/js/select2.min.js') }}"></script>
<script src="{{ asset('libs/dropify/js/dropify.min.js') }}"></script>
@endsection