@extends('layouts.admin_layout')
@section('content')
@section('title', 'Add Product')


<!-- ========== App Menu ========== -->

<!-- Left Sidebar End -->
<!-- Vertical Overlay-->
<div class="vertical-overlay"></div>

<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="main-content">

    <div class="page-content">
        <div class="container-fluid">

            <!-- start page title -->

            <!-- end page title -->

            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header align-items-center d-flex">
                            <h4 class="card-title mb-0 flex-grow-1">@if(isset($service)) Edit @else Add @endif Product</h4>

                        </div><!-- end card header -->

                        <div class="card-body">
                            @if (session('msg'))
                            <div class="alert alert-{{ session('msg_type') }}" role="alert">
                                {{ session('msg') }}
                            </div>
                            @endif

                            <form method="post" action="{{url('admin/service/save')}}" enctype="multipart/form-data">
                                @csrf


                                <div class="tab-content  text-muted">

                                    <div class="tab-pane active" id="blog" role="tabpanel">
                                        <div class="row gy-4">

                                            <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="title" class="form-label">Title</label>
                                                    <input type="text" class="form-control" name="title" value="{{ isset($service)?$service->title:old('title') }}">
                                                </div>
                                                @error('title')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                            
                                              <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="title" class="form-label">Sub Title</label>
                                                    <input type="text" class="form-control" name="sub_title" value="{{ isset($service)?$service->sub_title:old('sub_title') }}">
                                                </div>
                                                @error('sub_title')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                            
                                            <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="title" class="form-label">Youtube Link</label>
                                                    <input type="text" class="form-control" name="youtube_link" value="{{ isset($service)?$service->youtube_link:old('youtube_link') }}">
                                                </div>
                                                @error('youtube_link')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                            
                                            
                                            <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="image" class="form-label">Thumbnail Image (height: 402 px width: 260 px)</label>
                                                    <input type="file" class="form-control" name="image">
                                                </div>
                                                @error('image')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>

                                           


     <div class="col-xxl-6 col-md-6">
    <div>
        <label for="gallery_name" class="form-label">Gallery Images (height: 667 px width: 1000 px)</label>
        <input type="file" class="form-control" name="gallery_name[]" multiple>
    </div>
    @error('gallery_name')
    <span class="text-danger">{{$message}}</span>
    @enderror
</div>


  <div class="col-xxl-6 col-md-6">
    <div>
        <label for="banner_name" class="form-label">Banner Images (height: 823 px width: 1176 px)</label>
        <input type="file" class="form-control" name="banner_name[]" multiple>
    </div>
    @error('banner_name')
    <span class="text-danger">{{$message}}</span>
    @enderror
</div>
                                            
                                           <div class="col-xxl-12 col-md-12">
                                            <div>
                                                <label for="short_desc" class="form-label">Short Description</label>
                                                <textarea class="form-control" name="short_desc"> {{ isset($service)?$service->short_desc:old('short_desc') }}</textarea>
                                            </div>
                                            @error('short_desc')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>

                                            <div class="col-xxl-12 col-md-12">
                                                <div>
                                                    <label for="descriptions" class="form-label">Description</label>
                                                    <textarea class="form-control" name="descriptions" id="descriptions"> {{ isset($service)?$service->descriptions:old('descriptions') }}</textarea>
                                                </div>
                                                @error('descriptions')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                            
                                            
                                              <div class="col-xxl-12 col-md-12">
                                                <div>
                                                    <label for="meta_title" class="form-label">Meta Title</label>
                                                    <input type="text" class="form-control" name="meta_title" value="{{ isset($service)?$service->meta_title:old('meta_title') }}">
                                                </div>
                                                @error('meta_title')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>

                                            <div class="col-xxl-12 col-md-12">
                                            <div>
                                                <label for="meta_keyword" class="form-label">Meta Keyword</label>
                                                <textarea class="form-control" name="meta_keyword"> {{ isset($service)?$service->meta_keyword:old('meta_keyword') }}</textarea>
                                            </div>
                                            @error('meta_keyword')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                            </div>

                                            <div class="col-xxl-12 col-md-12">
                                            <div>
                                                <label for="meta_description" class="form-label">Meta Description</label>
                                                <textarea class="form-control" name="meta_description"> {{ isset($service)?$service->meta_description:old('meta_description') }}</textarea>
                                            </div>
                                            @error('meta_description')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>



                                            <div class="col-xxl-4 col-md-4">
                                                <div>
                                                    <label for="name" class="form-label">Status</label>
                                                    <select name="status" class="form-control">
                                                        <option value="" @if(isset($service) && $service->status == '') {{"selected"}} @endif>--Select--</option>
                                                        <option value="1" @if(isset($service) && $service->status == 1) {{"selected"}} @endif selected="">Active</option>
                                                        <option value="0" @if(isset($service) && $service->status == 0) {{"selected"}} @endif>Inactive</option>
                                                    </select>

                                                    @error('status')
                                                    <span class="text-danger">{{$message}}</span>
                                                    @enderror

                                                </div>
                                            </div>


                                              @if(isset($service))
                                               @if($service->gallery)
                                              <h4>Gallery</h4>
                                            @foreach ($service->gallery as $image)
                                            <div class="col-xxl-3 col-md-3">
                                                <div>
                                                    <img src="{{ asset($image->image_path) }}" alt="Gallery Image" class="img-fluid">
                                                    <a href="{{url('admin/service/delete-gallery/'.$image->id)}}" class="btn btn-danger">Delete</a>
                                                </div>
                                            </div>
                                            @endforeach
                                              @endif
                                              @endif
                                          
                                          
                                            @if(isset($service))
                                             <h4>Banner</h4>
                                             @if($service->banner)
                                            @foreach ($service->banner as $image)
                                            <div class="col-xxl-3 col-md-3">
                                                <div>
                                                    <img src="{{ asset($image->image_path) }}" alt="Banner Image" class="img-fluid">
                                                   <a href="{{url('admin/service/delete-banner/'.$image->id)}}" class="btn btn-danger">Delete</a>

                                                </div>
                                            </div>
                                            @endforeach
                                              @endif
                                               @endif
                                               
                                               
                                               @if(isset($service))
                                             <h4>Thumbnail Image</h4>
                                             @if($service->image)
                                            <div class="col-xxl-3 col-md-3">
                                                <div>
                                                    <img src="{{ asset($service->image) }}" alt="Thumbnail Image" class="img-fluid">
                                                </div>
                                            </div>
                                              @endif
                                               @endif
                                              
                                              
                                              
                                            
                                           
                                            


                                            <!--end col-->

                                            <!--end col-->
                                        </div>
                                    </div>




                                </div>
                                <br>
                                <div class="row gy-4">
                                    <div class="col-xxl-4 col-md-4">
                                        <input type="hidden" name="old_file_name" value="{{ isset($service)?$service->image:old('old_file_name') }}">
                                        <input type="hidden" name="service_id" value="{{ isset($service)?$service->id:old('service_id') }}">
                                        <input type="submit" class="btn btn-info" value="submit">
                                    </div>
                                </div>

                            </form>
                        </div>

                    </div>
                </div>
                <!--end col-->
            </div>
            <!--end row-->




        </div> <!-- container-fluid -->
    </div><!-- End Page-content -->

    @include('includes.admin.footer')
</div>
<!-- end main content-->

</div>
<!-- END layout-wrapper -->

<script>
    ClassicEditor
        .create(document.querySelector('#descriptions'))
        .catch(error => {
            console.error(error);
        });
</script>

@stop