@extends('admin.layouts.admin')
@section('content')
<section class="pc-container">
    <div class="pc-content">
        <div class="page-header">
            <div class="page-block">
                <div class="row align-items-center">
                    <div class="col-md-12">
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('admin.fontcolors') }}">Text Colors</a></li>
                            <li class="breadcrumb-item" aria-current="page">Text Color</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div>
            @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                    <li>
                        {{ $error }}
                    </li>
                    @endforeach
                </ul>
            </div>
            @endif
        </div>
        @if($action == 'Edit')
        <form class="" role="form" id="edit_form" action="{{ route('admin.fontcolors.update',$record->id) }}" method="post" enctype="multipart/form-data">

            @else
            <form class="" method="POST" id="add_form" action="{{ route('admin.fontcolors.store') }}" enctype="multipart/form-data">
                @endif
                @csrf
                <div class="row pt-0">
                    <div class="col-md-6">
                        @if(isset($record->id))
                        @php $id=$record->id @endphp
                        @else
                        @php $id=0; @endphp
                        @endif
                        <div class="card">
                            <div class="card-header">
                                <h5>{{ $title }}</h5>
                            </div>
                            <div class="card-body pt-2">
                                <div class="row">
                                    <div class="col-md-12 col-sm-12 col-12 form-group">
                                        @if(isset($record->color_name))
                                        @php $name=$record->color_name @endphp
                                        @elseif(old('color_name'))
                                        @php $name=old('color_name'); @endphp
                                        @else
                                        @php $name=''; @endphp
                                        @endif

                                        <label class="form-label">Color Name <span class="text-danger">*</span></label>
                                        <input required name="color_name" type="text" class="form-control" placeholder="Color name" value="{{ $name }}" data-bs-toggle="tooltip" data-bs-original-title="Enter color name, e.g., RED">
                                    </div>
                                    <div class="col-md-12 col-sm-12 col-12 form-group">
                                        @if(isset($record->color))
                                        @php $name=$record->color @endphp
                                        @elseif(old('color'))
                                        @php $name=old('color'); @endphp
                                        @else
                                        @php $name=''; @endphp
                                        @endif

                                        <label class="form-label">Color Code <span class="text-danger">*</span></label>
                                        <input required name="color" type="text" class="form-control" placeholder="Color code" value="{{ $name }}" data-bs-toggle="tooltip" data-bs-original-title="Enter color code, e.g. '#FF0000' for red">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row my-5">
                        <div class="col-6">
                            <button class="btn btn-primary" type="submit">Submit</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
</section>
@endsection