@extends('admin.layouts.master')
@section('css')
@endsection
@section('page-header')
    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <div class="d-flex">
                <h2 class="content-title mb-0 my-auto">{{config('languageString.edit_app_color')}}</h2>

            </div>
        </div>
    </div>
    <!-- breadcrumb -->
@endsection
@section('content')
    <!-- row -->
    <div class="row">
        <div class="col-lg-12 col-md-12">
            <div class="card">
                <div class="card-body">
                    <form method="POST" data-parsley-validate="" id="addEditForm" role="form">
                        @csrf
                        <input type="hidden" id="edit_value" name="edit_value" value="{{ $appColor->id }}">
                        <input type="hidden" id="form-method" value="edit">

                        <div class="row row-sm">
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="color_name">{{config('languageString.color_name')}}<span
                                            class="error">*</span></label>
                                    <input type="color" class="form-control"
                                           name="color_name"
                                           value="{{ $appColor->color_name }}"
                                           id="color_name"
                                           placeholder="{{config('languageString.color_name')}}" required/>
                                    <div class="help-block with-errors error"></div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="color_code">{{config('languageString.color_code')}}<span
                                            class="error">*</span></label>
                                    <input type="text" class="form-control"
                                           name="color_code"
                                           id="color_code"
                                           value="{{ $appColor->color_code }}"
                                           placeholder="{{config('languageString.color_code')}}"  required/>
                                    <div class="help-block with-errors error"></div>
                                </div>
                            </div>



                            <div class="col-12">
                                <div class="form-group">
                                    <label for="color_key">{{config('languageString.color_key')}}<span
                                            class="error">*</span></label>
                                    <input type="text" class="form-control"
                                           name="color_key"
                                           id="color_key"
                                           value="{{ $appColor->color_key }}"
                                           placeholder="{{config('languageString.color_key')}}" required/>
                                    <div class="help-block with-errors error"></div>
                                </div>
                            </div>

                            <div class="col-12">
                                <div class="form-group mb-0 mt-3 justify-content-end">
                                    <div>
                                        <button type="submit"
                                                class="btn btn-success">{{config('languageString.submit')}}</button>
                                        <a href="{{ route('admin.app-color.index') }}"
                                           class="btn btn-secondary">{{config('languageString.cancel')}}</a>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- /row -->

    </div>
    <!-- Container closed -->
    </div>
    <!-- main-content closed -->
@endsection
@section('js')
    <script src="{{URL::asset('assets/js/custom/appColor.js')}}?v={{ time() }}"></script>
@endsection