@extends('admin.template.master')

@section('title')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Color
            <small>insert and update user color</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="{!! url('/admin/colors') !!}">Color</a></li>
            <li class="active">Update</li>
        </ol>
    </section>
@endsection

@section('main-content')
    <!-- Main content -->
    <section class="content">
        <div class="row">
            <!-- left column -->
            <div class="col-md-8">
                <!-- general form elements -->
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Entry</h3>
                    </div>
                    <!-- /.box-header -->
                    <!-- form start -->
                    {!! Form::open(['method' => 'PATCH', 'url' => '/admin/colors/' .$attribute->attribute_id]) !!}
                    <div class="box-body">
                        <div class="mb-3">
                            <label class="form-label">Color Name</label>
                            <input type="text" class="form-control" name="color_name" value="{{ $attribute->attribute_name }}" readonly>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Hex Code</label>
                            <input type="text" name="code" class="form-control" value="{{ old('code', $color->color_code ?? '') }}" placeholder="#XXXXXX" required>
                        </div>
                    </div><!-- /.box-body -->
                    <div class="box-footer">
                        {!! Form::submit('Update',['class' => 'btn btn-warning']) !!}
                    </div>
                    {!! Form::close() !!}
                </div>
                <!-- /.box -->
            </div>
            <!--/.col (left) -->
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
@endsection