@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)">{{ __('Settings') }}</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('catalog-categories') }}">{{ __('Orders Status') }}</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('edit-order-status', [$status->id]) }}" method="post">
                <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 row mb-3">
                            <label class="col-3 col-form-label">Name</label>
                            <div class="col-9">
                                <input type="text" name="name" class="form-control" placeholder="Status name" value="{{ Helper::getInputValue('name', $status->name) }}" required="">
                            </div>
                        </div>
                        <div class="form-group row mb-3">
                            <label class="col-3 col-form-label">Color</label>
                            <div class="col-9">
                                <div class="custom-control custom-radio custom-control-inline">
                                    <input type="radio" id="customRadio" name="color" class="custom-control-input" value="primary" {{ $status->color == 'primary' ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="customRadio"><span class="badge badge-primary badge-pill">Primary</span></label>
                                </div>
                                <div class="custom-control custom-radio custom-control-inline">
                                    <input type="radio" id="customRadio1" name="color" class="custom-control-input" value="secondary" {{ $status->color == 'secondary' ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="customRadio1"><span class="badge badge-secondary badge-pill">Secondary</span></label>
                                </div>
                                <div class="custom-control custom-radio custom-control-inline">
                                    <input type="radio" id="customRadio2" name="color" class="custom-control-input" value="success" {{ $status->color == 'success' ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="customRadio2"><span class="badge badge-success badge-pill">Success</span></label>
                                </div>
                                <div class="custom-control custom-radio custom-control-inline">
                                    <input type="radio" id="customRadio3" name="color" class="custom-control-input" value="danger" {{ $status->color == 'danger' ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="customRadio3"><span class="badge badge-danger badge-pill">Danger</span></label>
                                </div>
                                <div class="custom-control custom-radio custom-control-inline">
                                    <input type="radio" id="customRadio4" name="color" class="custom-control-input" value="warning" {{ $status->color == 'warning' ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="customRadio4"><span class="badge badge-warning badge-pill">Warning</span></label>
                                </div>
                                <div class="custom-control custom-radio custom-control-inline">
                                    <input type="radio" id="customRadio5" name="color" class="custom-control-input" value="info" {{ $status->color == 'info' ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="customRadio5"><span class="badge badge-info badge-pill">Info</span></label>
                                </div>
                                <div class="custom-control custom-radio custom-control-inline">
                                    <input type="radio" id="customRadio6" name="color" class="custom-control-input" value="light" {{ $status->color == 'light' ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="customRadio6"><span class="badge badge-light badge-pill">Light</span></label>
                                </div>
                                <div class="custom-control custom-radio custom-control-inline">
                                    <input type="radio" id="customRadio7" name="color" class="custom-control-input" value="dark" {{ $status->color == 'dark' ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="customRadio7"><span class="badge badge-dark badge-pill">Dark</span></label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row mb-3">
                            <label class="col-3 col-form-label">Display Index</label>
                            <div class="col-9">
                                <input type="number" name="order" class="form-control" placeholder="Display Index (Lowest comes first)" value="{{ Helper::getInputValue('order', $status->order) }}">
                            </div>
                        </div>
                        <div class="form-group row mb-3">
                            <label class="col-3 col-form-label">Status</label>
                            <div class="col-9">
                                @php $active = Helper::getInputValue('active', $status->active) @endphp
                                <input type="checkbox" {{ !empty($active) ? 'checked' : '' }} data-plugin="switchery" data-color="#1bb99a" name="active" value="1" />
                            </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-pencil"></i><span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span></span>
                            {{ __('Update') }}
                        </button>

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

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

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