@extends('admin.layouts.adminapp')

@section('content')
 
    <div class="page-wrapper">
        <div class="page-content">
            <!--breadcrumb-->
            <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
                <div class="breadcrumb-title pe-3">Home</div>
                <div class="ps-3">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb mb-0 p-0">
                            <li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a> </li>
                            <li class="breadcrumb-item active" aria-current="page"> Web Setting </li>
                        </ol>
                    </nav>
                </div> 
            </div>
            <!--end breadcrumb-->
            <div class="row">   
            @if(permission('Setting','create')) 
                <div class="col-md-12">
                    
                    <div class="card"> 
                        <div class="card-header radius-15 bg-primary">
                            <div class="d-flex align-items-center"> 
                                <h6 class="mb-0 text-white"> Update Web Setting </h6> 
                            </div>
                        </div>  

                        <div class="card-body">  
                            <form action="{{ route('settings.update',$setting->id) }}" method="post" class="row g-3 needs-validation" enctype="multipart/form-data" novalidate>  
                                @csrf
                                
                                    @method('PUT') <!-- This will make the form use the PUT method for updating -->
                               
                                    @if (Session::has('success'))
                                    <div class="alert alert-success"> {{Session::get('success')}} </div>
                                    @endif
                                    @if (Session::has('fail'))
                                    <div class="alert alert-danger"> {{Session::get('fail')}} </div>
                                @endif   

                                <div class="col-md-3">
                                    <label class="form-label"> Name </label>  
                                    <input class="form-control" type="text" name="name" value="{{ $setting->name }}" placeholder="Enter Name" >
                                    <span class="text-danger"> @error('name') {{$message}} @enderror </span>
                                </div> 
                                
                                <div class="col-md-3">
                                    <label class="form-label"> Logo Upload </label>  
                                    <input class="form-control" type="file" name="logo"  >
                                    <span class="text-danger"> @error('logo') {{$message}} @enderror </span>
                                </div>

                                <div class="col-md-3">
                                    <label class="form-label"> Email </label>  
                                    <input class="form-control" type="email" name="email" value="{{ $setting->email }}" placeholder="Enter Email" >
                                    <span class="text-danger"> @error('email') {{$message}} @enderror </span>
                                </div>

                                <div class="col-md-3">
                                    <label class="form-label"> Website URL </label>  
                                    <input class="form-control" type="text" name="website" value="{{ $setting->website }}" placeholder="Enter website URL" >
                                    <span class="text-danger"> @error('website') {{$message}} @enderror </span>
                                </div>

                                <div class="col-md-3">
                                    <label class="form-label"> Mobile No* </label>  
                                    <input class="form-control" type="number" name="mobile_no" value="{{ $setting->mobile_no }}" placeholder="Enter Mobile No" >
                                    <span class="text-danger"> @error('mobile_no') {{$message}} @enderror </span>
                                </div>

                                <div class="col-md-3">
                                    <label class="form-label"> Phone No* </label>  
                                    <input class="form-control" type="number" name="phone_no" value="{{ $setting->phone_no }}" placeholder="Enter Phone No" >
                                    <span class="text-danger"> @error('phone_no') {{$message}} @enderror </span>
                                </div>

                                <div class="col-md-6">
                                    <label class="form-label"> Address </label>  
                                    <input class="form-control" type="text" name="address" value="{{ $setting->address }}" placeholder="Enter Address" >
                                    <span class="text-danger"> @error('address') {{$message}} @enderror </span>
                                </div>
                                    
                                <div class="col-md-12">
                                    <div class="d-md-flex d-grid align-items-center gap-3">
                                    <input type="hidden" name="id" value="{{ $setting->id }}">
                                        <button type="submit" class="btn btn-primary px-4 text-white">Submit</button>
                                        <button type="reset" class="btn btn-light px-4">Reset</button>
                                    </div>
                                </div>
                            </form> 
                        </div>
                    </div>
                </div>
            @endif 
            @if(permission('Setting','show')) 
                <div class="col-md-12">
                    
                    <div class="card"> 
                        <div class="card-header radius-15 bg-primary">
                            <div class="d-flex align-items-center"> 
                                <h6 class="mb-0 text-white"> View Web Setting </h6> 
                            </div>
                        </div>  

                        <div class="card-body p-4">
                            <div class="table-responsive">
                                <table id="example" class="table table-striped table-bordered" style="width:100%">
                                    <thead>
                                        <tr>
                                            <th>SN</th>    
                                            <th>Name</th>  
                                            <th>Email</th>  
                                            <th>Wbsite Url</th>  
                                            <th>Mobile No</th>  
                                            <th>Phone No</th>  
                                            <th>Address</th> 
                                            <th>Logo View</th> 
                                            <th>Updated At</th> 
                                        </tr>
                                    </thead>
                                    <tbody>
                                        
                                        <tr>
                                            <td>{{  1}}</td> 
                                             
                                            <td> {{ $setting ->name }}</td>
                                            <td> {{ $setting->email }}</td>
                                            <td> {{ $setting->website }}</td>
                                            <td> {{ $setting->mobile_no }}</td>
                                            <td> {{ $setting->phone_no }}</td>
                                            <td> {{ $setting->address }}</td>
                                            <td> 
                                                <div class="col">
                                                    <!-- Button trigger modal -->
                                                    <button type="button" class="btn btn-sm btn-warning" data-bs-toggle="modal" data-bs-target="#exampleModal{{ $setting->id}}"> Logo View </button>
                                                    <!-- Modal -->
                                                    <div class="modal fade" id="exampleModal{{ $setting->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                        <div class="modal-dialog">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <h5 class="modal-title" id="exampleModalLabel"> Logo View </h5>
                                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                                </div>
                                                                <div class="modal-body">
                                                                    <img src="{{ asset($setting->logo) }}" width="100%"  frameborder="0" />
                                                                </div> 
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>   
                                            <td>{{ date("d-m-Y h:i:s A",strtotime($setting->updated_at)) }}</td>  
                                        </tr>  
                                    </tbody> 
                                </table> 
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            </div>
            <!--end row-->
        </div>
    </div>
    <!--end page wrapper -->
@endsection

@section('script')

<script>
	
	function confirmDelete(event) {
        if (!confirm('Are you sure you want to delete this Gallery?')) {
            event.preventDefault();  // Prevents the default action of the link
        }
    }
    
     @if (Session::has('success'))
            success_noti('{{Session::get('success')}}') 
    @endif
    
    @if (Session::has('fail'))
            warning_noti('{{Session::get('fail')}}') 
    @endif
    
    @if(session('error')) 
        warning_noti('{{ session('error') }}') 
    @endif

</script> 

@endsection