@extends('layouts.admin_layout.admin_layout')
@section('content')
<div class="content-wrapper">
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Work</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{url('admin/dashboard')}}">Home</a></li>
                        <li class="breadcrumb-item"><a href="{{ url('admin/video-index') }}">Manage Work</a></li>
                        <li class="breadcrumb-item active">Edit Work</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>


    <section class="content">
        <div class="container-fluid">
            <x-alert />
            <div class="card card-default">
                <div class="card-header">
                    <h3 class="card-title">Edit Work</h3>
                </div>

                <form name="videoForm" id="videoForm" action="{{ url('admin/work/'.$getWorkData->id) }}" method="post"
                    enctype="multipart/form-data">@csrf
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 col-sm-6">
                                <div class="form-group">
                                    <label for="work_title">Title</label>
                                    <input type="text" class="form-control" name="title" id="work_title"
                                        value="{{ $getWorkData->title }}" placeholder="Enter Work Title">
                                </div>
                            </div>
                            <!--  -->
                            <div class="col-12 col-sm-6">
                                <div class="form-group" id="cover_img">
                                    <label for="cover_img">Cover Image</label>
                                    <div class="input-group">
                                        <div class="input-group">
                                            <input type="file" class="form-control" id="cover_img"
                                                name="cover_img" value="{{ $getWorkData->cover_img }}">
                                        </div>
                                        <div style="padding-top:20px">
                                            <img src="{{ asset('images/work/' . $getWorkData->cover_img) }}" alt="Old Image" width="178" height="100" style="border-radius:10px">
                                        </div>

                                    </div>
                                </div>
                            </div>

                        </div>

                        <!-- Short Description -->

                        <div class="form-group">
                            <label for="short_description">
                                Short Description
                            </label>
                            <textarea class="textarea" placeholder="A short description for work" name="short_description"
                                required
                                style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">{{ $getWorkData->short_description}}</textarea>
                        </div>
                        <!-- /.row -->
                        <div class="row">
                            <div class="col-12 col-sm-6">
                                <div class="form-group">
                                    <label for="work_tags">Tags (<small style="color: red; font-size:13px;">Seperate by comma</small> )</label>
                                    <input type="text" class="form-control" name="tags" id="work_tags"
                                        value="{{ $getWorkData->tags }}" placeholder="Enter work tasgs here">
                                </div>
                            </div>
                            <!--  -->
                            <div class="col-12 col-sm-6">
                                <div class="form-group">
                                    <label for="product">Product</label>
                                    <input type="text" class="form-control" name="product" id="product"
                                        value="{{ $getWorkData->product }}" placeholder="Enter Product Name">
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="row">
                            <div class="col-12 col-sm-6">
                                <div class="form-group">
                                    <label for="client">Client</label>
                                    <input type="text" class="form-control" name="client" id="client"
                                        value="{{ $getWorkData->client }}" placeholder="Enter Client Name">
                                </div>
                            </div>

                            <div class="col-12 col-sm-6">
                                <div class="form-group">
                                    <label for="year_of_the_project">Year of the Project</label>
                                    <input type="text" class="form-control" name="year_of_the_project" id="year_of_the_project"
                                        value="{{ $getWorkData->year_of_the_project }}" placeholder="Enter Project Year">
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Work Description -->

                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="work_title" style="color: #1D79FF;">Work Description:</label>
                        </div>
                    </div>

                    <!-- Work Description title -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="description_title">
                                Description Title
                            </label>
                            <input type="text" class="form-control" name="description_title" id="description_title"
                                            value="{{ $getWorkData->description_title }}" placeholder="Enter Description Title">
                        </div>
                    </div>

                    <!-- Work Description Body -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="description_body">
                                Description body
                            </label>
                            <textarea class="textarea" placeholder="Your description body text here" name="description_body"
                                required
                                style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">{{ $getWorkData->description_body}}</textarea>
                        </div>
                    </div>

                    <!-- Work description tags -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="description_tags">
                                Description Tags (<small style="color: red; font-size:13px;">Seperate by comma</small>)
                            </label>
                            <input type="text" class="form-control" name="description_tags" id="description_tags"
                                            value="{{ $getWorkData->description_tags }}" placeholder="Enter description tags">
                        </div>
                    </div>

                    <!-- Work description image -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group" id="description_img">
                            <label for="description_img">Description Images (<small style="color: red; font-size:13px;">select maximum 3</small>)</label>
                            <div class="input-group">
                                <div class="input-group">
                                    <input type="file" class="form-control" id="description_img"
                                        name="description_img[]" multiple accept="image/*">
                                </div>
                            </div>
                            @if($getWorkData->description_img)
                                <div style="padding-top: 20px;">Old Images:</div>
                                @foreach(explode(',', $getWorkData->description_img) as $descriptionImage)
                                    <img src="{{ asset('images/work/' . $descriptionImage) }}" alt="Old Image" width="80" height="100" style="margin-right:12px; border-radius:8px;">
                                @endforeach
                            @endif
                        </div>
                    </div>


                    <br>
                    <!-- Work Result -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="work_title" style="color: #1D79FF;">Work Result:</label>
                        </div>
                    </div>

                    <!-- Work Result title -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="result_title">
                                Result Title
                            </label>
                            <input type="text" class="form-control" name="result_title" id="result_title"
                                            value="{{ $getWorkData->result_title }}" placeholder="Enter Result Title">
                        </div>
                    </div>

                    <!-- Work Result Body -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="result_body">
                                Result body
                            </label>
                            <textarea class="textarea" placeholder="Place result body text here" name="result_body"
                                required
                                style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">{{ $getWorkData->result_body}}</textarea>
                        </div>
                    </div>

                    <!-- Work Result tags -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="result_tags">
                                Result Tags (<small style="color: red; font-size:13px;">Seperate by comma</small>)
                            </label>
                            <input type="text" class="form-control" name="result_tags" id="result_tags"
                                            value="{{ $getWorkData->result_tags }}" placeholder="Enter result sectiion tags">
                        </div>
                    </div>

                    <!-- Work Result image -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group" id="result_img">
                            <label for="video_thumbnail">Result Images (<small style="color: red; font-size:13px;">Select maximum One Image</small>)</label>
                            <div class="input-group">
                                <div class="input-group">
                                    <input type="file" class="form-control" id="result_image"
                                        name="result_img[]" multiple accept="image/*">
                                </div>
                            </div>
                            @if($getWorkData->result_img)
                                <div style="padding-top: 20px;">Old Image:</div>
                                @foreach(explode(',', $getWorkData->result_img) as $resultImage)
                                    <img src="{{ asset('images/work/' . $resultImage) }}" alt="Old Image" width="80" height="100" style="margin-right:12px; border-radius:8px;">
                                @endforeach
                            @endif
                        </div>
                    </div>

                    <br>
                    <!-- Work Bottom -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="work_title" style="color: #1D79FF;">Work Bottom:</label>
                        </div>
                    </div>

                    <!-- Work Bottom title -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="bottom_title">
                                Bottom Title
                            </label>
                            <input type="text" class="form-control" name="bottom_title" id="bottom_title"
                                            value="{{ $getWorkData->bottom_title }}" placeholder="Enter bottom section title">
                        </div>
                    </div>

                    <!-- Work Bottom Body -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="bottom_body">
                                Bottom body
                            </label>
                            <textarea class="textarea" placeholder="Place bottom section text here" name="bottom_body"
                                required
                                style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">{{ $getWorkData->bottom_body }}</textarea>
                        </div>
                    </div>

                    <!-- Work Bottom image -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group" id="bottom_image">
                            <label for="video_thumbnail">Bottom Images (<small style="color: red; font-size:13px;">Select maximum 4 Image</small>)</label>
                            <div class="input-group">
                                <div class="input-group">
                                    <input type="file" class="form-control" id="bottom_img1"
                                        name="bottom_img[]" multiple accept="image/*">
                                </div>
                            </div>
                            @if($getWorkData->bottom_img)
                                <div style="padding-top: 20px;">Old Images:</div>
                                @foreach(explode(',', $getWorkData->bottom_img) as $bottomImage)
                                    <img src="{{ asset('images/work/' . $bottomImage) }}" alt="Old Image" width="80" height="100" style="margin-right:12px; border-radius:8px;">
                                @endforeach
                            @endif
                        </div>
                    </div>

                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary">Publish</button>
                    </div>
                </form>
            </div>
        </div>
    </section>
</div>
@endsection