@extends('administrator.layout')
@section('admintitle', 'Products')

@section('title', 'Product')

@section('content')

            <!-- Table Start -->
            <div class="container-fluid pt-4 px-4">
                <div class="row g-4">
                    <div class="col-12">
                        <div class="bg-light rounded h-100 p-4">
                            
                             @if (session()->has('success'))
                                <div class="alert alert-success alert-dismissible fade show mb-2" role="alert">
                                    <i class="fa fa-exclamation-circle me-2"></i><strong>{{ __('text.success') }} !</strong> {{ session()->get('success') }}.
                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                </div>
                            @endif
                        
                            @if (session()->has('error'))
                                <div class="alert alert-danger alert-dismissible fade show mb-2" role="alert">
                                    <i class="fa fa-exclamation-circle me-2"></i><strong>{{ __('text.error') }} !</strong> {{ session()->get('error') }}.
                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                </div>
                            @endif
                            



                            <div class="row mb-4 mt-0">
                                <div class="col-md-9 mt-3"><h5>{{ __('text.products') }} {{ __('text.table') }}</h5></div>
                                <div class="col-md-3 mt-1 text-end"><a href="{{route('create_product')}}"><button class="btn btn-warning  rounded-pill" data-toggle="modal" data-target="#create"> + {{ __('text.create') }}</button></a></div>
                            </div>                            
                             
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                         
                                            <th scope="col">{{ __('text.image') }}</th>
                                            <th scope="col">{{ __('text.name') }}</th>
                                            <th scope="col">{{ __('text.price') }}</th>
                                            <th scope="col">{{ __('text.sort_order') }}</th>
                                            <th scope="col">{{__('text.status')}}</th>
                                            <th scope="col">{{ __('text.action') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                               @forelse($data as $index => $d)
                                     <tr>
                                    
                                           <td>
                                                @if($d->image)
                                                    <img src="{{ asset('public/storage/product/'.$d->image) }}" style="width: 70px;">
                                                @else
                                                   <img src="{{ asset('public/storage/product/no imge.jpg') }}" style="width: 70px;">
                                                @endif
                                            </td>
                                            <td>{{ $d->name }}</td>
                                            <td>{{$symbol}}{{ $d->price }}</td>
                                           <td>{{ $d->sort_order ?: 0 }}</td>
                                            <td>@if($d->status==1) {{ __('text.active') }} @else {{ __('text.deactive') }} @endif</td>
                                            <td>
                                               
                                                <a href="{{ route('edit_product', ['id' => $d->products_id, 'page' => $data->currentPage()]) }}"><button type="button" class="btn btn-square btn-sm btn-info mx-2"
                                                data-toggle="modal" data-target="#edit{{ $d->products_id }}"><i class="fa fa-edit"></i></button></a>
                                                <button type="button" class="btn btn-square btn-sm btn-danger mx-2" data-toggle="modal" data-target="#delete{{ $d->products_id }}"><i class="fa fa-trash"></i></button>
                                               

                        						<div class="modal fade" id="delete{{ $d->products_id }}">
            									  <div class="modal-dialog modal-lg">
            										<div class="modal-content">
            										  <div class="modal-header">
            											<h6 class="modal-title">{{ __('text.delete') }}</h6>
            											<button type="button" class="btn" data-dismiss="modal" aria-label="Close">
            											  <span aria-hidden="true">&times;</span>
            											</button>
            										  </div>
            										  <div class="modal-body">
            										      <form Action="{{ route('delete_product') }}" Method="POST">
            										          @csrf
            										          <h5>{{ __('text.confirm') }}</h5>
            										           <input type="hidden"  name="page" value="{{ $data->currentPage()}}">
										                    	<input type="hidden" class="form-control border-primary" name="id"
										                    	value="{{ $d->products_id }}">
										                    	<input type="hidden" class="form-control border-primary" name="product_id"
										                    	value="{{ $d->product_id }}">
										                    	<div class="text-end">
                										          <button type="submit" class="btn btn-danger">{{ __('text.delete') }}</button>
                    											<button type="button" class="btn btn-outline-danger" data-dismiss="modal">{{ __('text.close') }}</button>
                                                            </div>
            										      </form>
            										  </div>
            										</div>
            									  </div>
            									</div>
            									
                                            </td>
                                        </tr>
                                         @empty
                                        <tr>
                                            <td colspan="8" class="text-center">{{ __('text.no_records_found') }}</td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                <tfoot>
                             <tr>
                            <td colspan="6">
                                <div class="d-flex showing-page">
                                   

                                    {{ $data->links() }}
                                    
                                </div>
                            </td>
                        </tr>
                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endsection