@extends('admin/layouts/app')
@section('content')
    <div class="container-fluid">
        {{-- <div class="row"> --}}
            <div id="content" class="app-content">
                <div class="d-flex align-items-center mb-3">
                    <div>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="dashboard.php">Home</a></li>
                            <li class="breadcrumb-item"><a href="javascript:;">Home Content</a></li>
                            <li class="breadcrumb-item active"><i class="fa fa-arrow-back"></i> Home Content</li>
                        </ol>
                        <h1 class="page-header mb-0">Home Content</h1>
                    </div>
                </div>

                <!-- Row for equal division -->
                <div class="row">
                    <!-- Form Section -->
                    <div class="col-md-5">
                        <div class="card border-0 mb-4">
                            <div class="card-header h6 mb-0 bg-none p-3">
                                <i class="fa fa-user-shield fa-lg fa-fw text-dark text-opacity-50 me-1"></i>
                                Add home content
                            </div>
                            <form action="{{ route('store.content') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="card-body">
                                    <div class="row">
                                        
                                        
                                        <div class="col-md-12">
                                            <div class="mb-3">
                                                <label class="form-label"> Images</label>
                                                    <input class="form-control @error('image.*') is-invalid @enderror" type="file" name="img" multiple />
                                                    @error('image.*')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            @if(!empty($find_content->img))
                                            <div class="col-md-4 mb-4">
                                                <img src="{{ Storage::url($find_content->image) }}" class="img-thumbnail" alt="image" style="width: 100%; height:100%;">
                                            </div>
                                            @endif

                                            <div class="col-md-12">
                                                <div class="mb-3">
                                                    <label class="form-label">Icon</label>
                                                    <input class="form-control @error('icon') is-invalid @enderror" type="text" name="icon" placeholder="Enter Icon" value="{{ ( isset($find_content)  && $find_content->icon) ? $find_content->icon : ' ' ; }} {{ old('icon') }}"  />
                                                       <!-- Display Error Message Below the Input Field -->
                                                        @error('icon')
                                                            <div class="invalid-feedback">
                                                                {{ $message }}
                                                            </div>
                                                        @enderror
                                                    </div>
                                               </div>
                                            <div class="col-md-12">
                                                <div class="mb-3">
                                                    @if(isset($find_content) && $find_content->id)
                                                    <input type="hidden" name="hidden_id" value="{{ $find_content->id }}">
                                                    @endif
                                                    <label class="form-label">Title</label>
                                                    <input class="form-control @error('title') is-invalid @enderror" type="text" name="title" placeholder="Enter Title" value="{{ ( isset($find_content)  && $find_content->title) ? $find_content->title : ' ' ; }} {{ old('title') }}"  />
                                                       <!-- Display Error Message Below the Input Field -->
                                                        @error('title')
                                                            <div class="invalid-feedback">
                                                                {{ $message }}
                                                            </div>
                                                        @enderror
                                                    </div>
                                               </div>


                                               

                                           <div class="col-md-12">
                                                <div class="mb-3">
                                                    <label class="form-label">Description</label>
                                                    <textarea class="form-control @error('desc') is-invalid @enderror" type="text" name="desc" placeholder="Enter desc">@if(empty($find_content)) {{ old('desc') }} @else {{ (isset($find_content)) ? $find_content->desc : '' ; }} @endif</textarea>
                                                    @error('desc')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="mb-3">
                                                    <label class="form-label">Select Home Category</label>
                                                    <select class="form-control custom-select-icon" name="cata">
                                                        <option value="">Select</option>
                                                        <option value="advantages" {{ ( isset($find_content) && $find_content->catagory == 'advantages')?'selected':''; }}>Advantages</option>
                                                        <option value="team" {{ ( isset($find_content) && $find_content->catagory == 'team')?'selected':''; }}>Team Logo</option>
                                                        <option value="3" {{ ( isset($find_content) && $find_content->catagory == 3)?'selected':''; }}>Third Content</option>
                                                        <option value="4" {{ ( isset($find_content) && $find_content->catagory == 4)?'selected':''; }}>Fourth Content</option>
                                                        <option value="5" {{ ( isset($find_content) && $find_content->catagory == 5)?'selected':''; }}>Fifth Content</option>
                                                    </select>
                                                    
                                                </div>
                                            </div>
                                    </div>
                                </div>
                                <div class="card-footer bg-none d-flex p-3">
                                    <button type="submit" class="btn btn-primary"><i class="fas fa-check"></i>Submit</button>
                                    {{-- <button type="reset" class="btn btn-danger ms-2">RESET</button> --}}
                                </div>
                            </form>
                        </div>
                    </div>

                    <!-- Table Section -->
                    <div class="col-md-7">
                        <div class="card border-0 mb-4">
                            <div class="card-header h6 mb-0 bg-none p-3" style="border-bottom: 1px solid #2196f3;">
                                <i class="fab fa-buromobelexperte fa-lg fa-fw text-dark text-opacity-50 me-1"></i> Home Content List
                            </div>
                            <div class="card-body">
                                <table id="data-table-default" class="table table-striped table-bordered align-middle">
                                    <thead>
                                        <tr>
                                            <th width="1%">Sr.No.</th>
                                            <th class="text-nowrap">Title</th>
                                            {{-- <th class="text-nowrap">Description</th> --}}
                                            <th class="text-nowrap">Image</th>
                                            <th class="text-nowrap">Created Date</th>
                                            <th class="text-nowrap">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if($get_content)
                                        @foreach($get_content as $content)
                                        <tr class="odd gradeX">
                                            <td width="1%" class="fw-bold text-dark">{{ $loop->iteration }}</td>
                                            <td>{{ $content->title }}</td>
                                            {{-- <td>{{ $content->description }}</td> --}}
                                            <td><img src="{{ Storage::url($content->image) }}" class="img-thumbnail" alt="image" style="width: 50%; height:40;">
</td>
                                            <td>{{ \Carbon\Carbon::parse($content->date)->format('d F Y') }}</td>

                                          
                                            <td>
                                                
                                                <a href="{{ route('edit.content', $content->id) }}" class="text-primary me-2">
                                                    <i class="fa fa-edit"></i>
                                                </a>
                                                <form action="{{ route('destroy.content', $content->id) }}" method="POST" style="display: inline;">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-link text-danger p-0" onclick="return confirm('Are you sure you want to delete this content?');">
                                                        <i class="fa fa-trash"></i>
                                                    </button>
                                                </form>
                                            </td>
                                        </tr>
                                        @endforeach
                                    @endif

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {{-- </div> --}}
    </div>
@endsection