@extends('layouts.adminlayouts.app')
@section('title')
<title>Edit Color - {{$appSetting->h1}} | {{$appSetting->slogan}}</title>
@endsection
@push('css')
@endpush
@section('contents')
    <div class="row">
        <div class="col-lg-5">
            
        <div class="ibox ">
            <div class="ibox-title">
                <h5>Edit Color</h5>
                <div class="ibox-tools">
                <a class="btn btn-sm btn-primary" href="{{route('admin.colorAll')}}">Back</a>
            </div>
            </div>
            <div class="ibox-content">
                <form action="{{route('admin.colorUpdate',$color->id)}}" method="post" enctype="multipart/form-data">
                            @csrf
                          <div class="form-group">
                            <label>Name *</label>
                            @if ($errors->has('name'))
                              <p style="color: red;margin: 0;">{{ $errors->first('name') }}</p>
                            @endif
                            <input type="text" value="{{$color->title}}" name="name" placeholder="Enter  Name (e.g: Green)" class="form-control" required="">
                          </div>
                          <div class="form-group">
                                <span><i class="fa fa-th" style="color: {{ $color->hexa_code }};"></i>
                            <label>Value *</label>
                            @if ($errors->has('value'))
                              <p style="color: red;margin: 0;">{{ $errors->first('value') }}</p>
                            @endif
                            <input type="text" name="value" placeholder="Enter Hexa Value (e.g: #00ff00)" value="{{$color->hexa_code}}" class="form-control" required="">
                          </div>
                          
                          <div class="form-group">
                            <div class="i-checks"><label> <input name="status"  type="checkbox" {{$color->active?'checked':''}}> <i></i> Active </label></div>
                          </div>
                          <div style="padding: 0px 0px 30px 0px;">
                              <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit"><strong>Submit</strong></button>
                          </div>
                      </form>
            </div>
        </div>

        </div>
    </div>


@endsection
@push('js')

@endpush