@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"> सूचना का अधिकार - एक्ट  </li>
                        </ol>
                    </nav>
                </div> 
            </div>
            <!--end breadcrumb-->
            <div class="row">
                <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"> + सूचना का अधिकार - एक्ट  </h6> 
                            </div>
                        </div>  

                        <div class="card-body">  
                            <form action="{{ isset($edt->id)?route('wards.update',$edt->id):route('wards.store') }}" method="post" class="row g-3 needs-validation" enctype="multipart/form-data" novalidate>  
                                @csrf
                                @if(isset($edt))
                                @method('PUT') <!-- This will make the form use the PUT method for updating -->
                            @endif
                                    @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"> Ward Name (Ward No)</label>  
                                    <input class="form-control" type="text" name="ward_name" value="{{ isset($edt->ward_name)?$edt->ward_name:''}}" placeholder="Enter ward name" >
                                    <span class="text-danger"> @error('ward_name') {{$message}} @enderror </span>
                                </div> 
                                
                                <div class="col-md-3">
                                    <label class="form-label"> Sadaya Name </label>  
                                    <input class="form-control" type="text" name="sadaya_name" value="{{ isset($edt->sadaya_name)?$edt->sadaya_name:''}}" placeholder="Enter sadaya name" >
                                    <span class="text-danger"> @error('sadaya_name') {{$message}} @enderror </span>
                                </div> 
                                <div class="col-md-3">
                                    <label class="form-label"> Mobile No </label>  
                                    <input class="form-control" type="text" name="mobile_no" value="{{ isset($edt->mobile_no)?$edt->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"> Sadasya List Upload </label>  
                                    <input class="form-control" type="file" name="profile_photo" >
                                    <span class="text-danger"> @error('profile_photo') {{$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="{{ isset($edt->id)?$edt->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>

                <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"> सूचना का अधिकार - एक्ट </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>Status</th>  
                                                <th>Action</th>   
                                                <th>Ward Name</th> 
                                                <th>Sadaya Name</th> 
                                                <th>Mobile</th> 
                                                <th>File View</th> 
                                                <th>Updated At</th> 
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($wards as $key=>$ward)
                                            <tr>
                                                <td>{{ $key + 1}}</td>
                                                <td> 
                                                    <div class="btn-group">
                                                        <button type="button" class="btn btn-sm btn-xs btn-{{ $ward->status ==1?'primary':'danger'}}"> {{ $ward->status ==1?'Enable':'Disable'}} </button>

                                                        <button type="button" class="btn btn-sm btn-{{ $ward->status ==1?'primary':'danger'}} split-bg-{{ $ward->status ==1?'primary':'danger'}} dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false"> 
                                                            <span class="visually-hidden">Toggle Dropdown</span>
                                                        </button>
                                                        <div class="dropdown-menu dropdown-menu-right dropdown-menu-lg-end" style="">
                                                            @if(permission('RTI','status'))
                                                            <form action="{{ route('wards.status') }}" method="post" onsubmit="return confirm('Are you sure you want to enable this ward?');" >
                                                                @csrf
                                                                <input type="hidden" name="status" value="1">
                                                                <input type="hidden" name="id" value="{{ $ward->id}}">
                                                                <button type="submit" class="dropdown-item"> Enable </button>
                                                            </form>

                                                            <form action="{{ route('wards.status') }}" method="post" onsubmit="return confirm('Are you sure you want to enable this ward?');">
                                                                @csrf
                                                                <input type="hidden" name="status" value="0">
                                                                <input type="hidden" name="id" value="{{ $ward->id}}">
                                                                <button type="submit" class="dropdown-item"> Disable </button>
                                                            </form>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </td> 

                                                <td> 
                                                    <div class="btn-group">
                                                        <button type="button" class="btn btn-sm btn-primary"> Action </button>
                                                        <button type="button" class="btn btn-sm btn-primary split-bg-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">   
                                                            <span class="visually-hidden">Toggle Dropdown</span>
                                                        </button>
                                                        <div class="dropdown-menu dropdown-menu-right dropdown-menu-lg-end">   
                                                            @if(permission('Ward','edit'))
                                                                <a class="dropdown-item" href="{{ route('wards.edit',$ward->id)}}" onclick="event.preventDefault(); if(confirm('Are you sure you want to edit this web setting?'));">Edit</a> 
                                                            @endif
                                                            @if(permission('Ward','destroy')) 
                                                            <form action="{{ route('wards.destroy', $ward->id) }}" method="POST" id="delete-form-{{ $ward->id }}" style="display: inline;">
                                                                @csrf @method('DELETE')
                                                            </form>
                                                            <a   class="dropdown-item" href="javascript:void(0);"
                                                                onclick="event.preventDefault(); if(confirm('Are you sure you want to delete this web setting?')) document.getElementById('delete-form-{{ $ward->id }}').submit();" >
                                                                Delete
                                                            </a>     
                                                            @endif  
                                                        </div>
                                                    </div>
                                                </td>  
                                                <td> {{ $ward->ward_name }}</td> 
                                                <td> {{ $ward->sadaya_name }}</td> 
                                                <td> {{ $ward->mobile_no }}</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{{ $ward->id}}"> View </button>
                                                        <!-- Modal -->
                                                        <div class="modal fade" id="exampleModal{{ $ward->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"> View </h5>
                                                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                    <iframe src="{{ asset($ward->profile_photo) }}" width="470px" height="480px" frameborder="0"></iframe>
                                                                    </div> 
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>   
                                                <td>{{ date("d-m-Y h:i:s A",strtotime($ward->updated_at)) }}</td>  
                                            </tr> 
                                            @endforeach
                                        </tbody> 
                                    </table> 
                                </div>
                            </div>
                    </div>
                </div>
            </div>
            <!--end row-->
        </div>
    </div>
    <!--end page wrapper -->
@endsection

@section('script')
 

@endsection