@extends('backend.layouts.app')



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

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

        <div class="card-body">
            <form action="{{ url('admin/portfolios/' . $portfolio->id) }}" method="POST" enctype="multipart/form-data">
                @csrf @method('PUT')

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

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

                <div class="mb-3">
                    <label class="form-label">Website Type</label>
                    <select type="text" class="form-control" name="type">
                        <option selected hidden>{{ $portfolio->type }}</option>
                        <option>E-commerce Website</option>
                        <option>Corporate Website</option>
                        <option>Start-up Website</option>
                        <option>Catalog Website</option>
                        <option>Booking Website</option>
                        <option>Event Website</option>
                        <option>Cooperative Website</option>
                    </select>
                    @error('type')
                    <span class="text-danger">
                        {{ $message }}
                    </span>
                    @enderror
                </div>

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

                <div class="mb-3">
                    <label class="form-label">Deployed Date</label>
                    <input type="date" class="form-control" name="deployed_date" value="{{ $portfolio->deployed_date }}">
                    @error('deployed_date')
                    <span class="text-danger">
                        {{ $message }}
                    </span>
                    @enderror
                </div>

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

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

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

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

                <div class="mb-3">
                    <label class="form-label">Color Pallete</label>
                    <div class="d-flex gap-3">
                        <div>
                            <input type="color" class="form-control form-control-color" name="color_1" value="{{ $portfolio->color_1 }}">
                        </div>
                        <div>
                            <input type="color" class="form-control form-control-color" name="color_2" value="{{ $portfolio->color_2 }}">
                        </div>
                        <div>
                            <input type="color" class="form-control form-control-color" name="color_3" value="{{ $portfolio->color_3 }}">
                        </div>
                        <div>
                            <input type="color" class="form-control form-control-color" name="color_4" value="{{ $portfolio->color_4 }}">
                        </div>
                    </div>
                </div>

                <div class="mb-3">
                    <label for="exampleFormControlTextarea1" class="form-label">Description</label>
                    <textarea class="form-control description" name="description" rows="3">{!! $portfolio->description !!}</textarea>
                    @error('concept')
                    <span class="text-danger">
                        {{ $message }}
                    </span>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="exampleFormControlTextarea1" class="form-label">Project Concept</label>
                    <textarea class="form-control description" name="concept" rows="3">{!! $portfolio->concept !!}</textarea>
                    @error('concept')
                    <span class="text-danger">
                        {{ $message }}
                    </span>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="exampleFormControlTextarea1" class="form-label">Project Key Delivery</label>
                    <textarea class="form-control description" name="key_delivery" rows="3">{!! $portfolio->key_delivery !!}</textarea>
                    @error('key_delivery')
                    <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