@extends('backend.layouts.app')



@section('content')
<div class="p-3">
    <div class="p-2 header-title-container">
        <span class="mb-0 mx-2">Latest Work</span>
    </div>
</div>

<div class="p-3">
    <div class="card">

        <div class="card-body">
            <form action="{{ url('admin/latest') }}" method="POST" enctype="multipart/form-data">@csrf

                <div class="mb-3">
                    <label class="form-label">Image</label>
                    <input class="form-control" type="file" name="image" value="{{ old('image') }}">
                    @error('image')
                    <span class="text-danger">
                        {{ $message }}
                    </span>
                    @enderror
                </div>

               <div class="mb-3">
                    <label class="form-label">Category</label>
                    <select type="text" class="form-control" name="category">
                        <option selected hidden disabled>- Select Category -</option>
                        <option value="Website Development">Website Development</option>
                        <option value="Digital Marketing">Digital Marketing</option>
                        <option value="Mobile Development">Mobile Development</option>
                         <option value="Multimedia">Multimedia</option>
                    </select>
                    @error('category')
                    <span class="text-danger">
                        {{ $message }}
                    </span>
                    @enderror
                </div>


                <div class="mb-3">
                    <label class="form-label">Project Name</label>
                    <input type="text" class="form-control" name="project_name" value="{{ old('project_name') }}">
                    @error('project_name')
                    <span class="text-danger">
                        {{ $message }}
                    </span>
                    @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Client Name</label>
                    <input type="text" class="form-control" name="client_name" value="{{ old('client_name') }}">
                    @error('client_name')
                    <span class="text-danger">
                        {{ $message }}
                    </span>
                    @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Position</label>
                    <input type="text" class="form-control" name="position" value="{{ old('position') }}">
                    @error('position')
                    <span class="text-danger">
                        {{ $message }}
                    </span>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="exampleFormControlTextarea1" class="form-label">Quote</label>
                    <textarea class="form-control" name="quote" rows="3">{{ old('quote') }}</textarea>
                    @error('quote')
                    <span class="text-danger">
                        {{ $message }}
                    </span>
                    @enderror
                </div>

                <div class="text-right">
                    <button type="submit" class="btn text-white" style="background-color: #fa6f10;">Save</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('js')
<script type="text/javascript">
    $(document).ready(function() {
        $('.description').each(function() {
            CKEDITOR.replace(this);
        });
    });
</script>
@endsection