@extends('backend.layouts.app')
@section('content')
    <div class="page-content">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-12 card-title"><h4>{{$page_title}}</h4></div>
                            <div class="col-12">
                                <form action="{{route('marriage-application.index')}}" method="get">
                                    <div class="row">
                                        <div class="col-md-5"></div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="search_marriage_date">Marriage Date</label>
                                                <input type="date" name="search_marriage_date" value="{{$search_marriage_date}}" class="form-control form-control-sm">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="search_form_submission_date">Form Submission Date</label>
                                                <input type="date" name="search_form_submission_date" value="{{$search_form_submission_date}}" class="form-control form-control-sm">
                                            </div>
                                        </div>
                                        <div class="col-md-1" style="margin-top: 20px;">
                                            <button class="btn btn-primary btn-sm btn-icon-text">Search</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Image</th>
                                        <th>Bride Info</th>
                                        <th>Groom Info</th>
                                        <th>Bank Detail</th>
                                        <th>Added By</th>
                                        <th>Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($list as $key=> $data)
                                        <tr>
                                            <td>{{($key+1) + ($list->currentPage() - 1)*$list->perPage()}}</td>
                                            <td>
                                                <b>Marriage Photo: </b><img src="{{imageUrl($data->marriage_photo)}}" alt="User Photo" onerror="this.onerror=null; this.src='{{ asset('backend/no-pictures.png') }}'"><br>
                                                <b>Marriage Certificate: </b><img src="{{imageUrl($data->marriage_certificate)}}" alt="User Photo" onerror="this.onerror=null; this.src='{{ asset('backend/no-pictures.png') }}'"> <br>
                                                <b>Marriage Date: </b> {{$data->marriage_date}} <br>
                                                <b>Submission Date: </b> {{$data->created_at->format('Y-m-d')}} <br>
                                            </td>
                                            <td>
                                                <b>Name:</b> {{$data->bride_name}} <br>
                                                <b>Father Name:</b> {{$data->bride_father_name}} <br>
                                                <b>Mother Name:</b> {{$data->bride_mother_name}} <br>
                                                <b>Aadhar Number:</b> {{$data->bride_aadhar_number}} <br>
                                                <b>Address:</b> {{$data->bride_address}}
                                            </td>
                                            <td>
                                                <div class="col-md-12">
                                                    <b>Name:</b> {{$data->groom_name}} <br>
                                                    <b>Father Name:</b> {{$data->groom_father_name}} <br>
                                                    <b>Mother Name:</b> {{$data->groom_mother_name}} <br>
                                                    <b>Aadhar Number:</b> {{$data->groom_aadhar_number}} <br>
                                                    <b>Address:</b> {{$data->groom_address}} <br>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="col-md-12">
                                                    <b>Number:</b> {{$data->account_number}} <br>
                                                    <b>Holder Name:</b> {{$data->account_holder_name}} <br>
                                                    <b>Bank Name:</b> {{$data->bank_name}} <br>
                                                    <b>Branch Name:</b> {{$data->branch_name}} <br>
                                                    <b>IFSC Code:</b> {{$data->ifsc_code}}
                                                </div>
                                            </td>
                                            <td>
                                                <b>Name: </b>{{$data->addedBy?$data->addedBy->name:"--"}} <br>
                                                <b>Phone: </b>{{$data->addedBy?$data->addedBy->phone:"--"}} <br>
                                                <b>Father/Husband: </b>{{$data->addedBy?$data->addedBy->father_husband:"--"}} <br>
                                                <b>User ID: </b>{{$data->addedBy?$data->addedBy->user_id :"--"}} <br>
                                                <b>Address: </b>{{$data->addedBy?$data->addedBy->village?->name :"--"}}
                                            </td>
                                            <td>
                                                @if ($data->status=="approved")
                                                    <span class="badge rounded-pill bg-success">{{ucfirst($data->status)}}</span>
                                                @elseif ($data->status=="rejected")
                                                    <span class="badge rounded-pill bg-danger">{{ucfirst($data->status)}}</span>
                                                @else
                                                    <span class="badge rounded-pill bg-warning">{{ucfirst($data->status)}}</span>
                                                @endif
                                            </td>
                                            <td>
                                                @if($data->status == 'pending')
                                                    <a class="btn btn-icon btn-primary btn-sm mr-1" href="{{route('marriage-application.show',$data->id)}}" title="Edit">
                                                        <i data-feather="edit"></i>
                                                    </a>
                                                @endif
                                            </td>
                                        </tr>
                                    @empty

                                        <tr>
                                            <td colspan="10" class="text-center text-danger">
                                                <i class="link-icon" data-feather="frown" style="width: 50px; height:50px;"></i><br>
                                                Opps!! There Are No Data Found..
                                            </td>
                                        </tr>

                                    @endforelse
                                </tbody>
                            </table>
                            <div class="mt-2">
                                {{ $list->appends(['search_marriage_date'=>$search_marriage_date,'search_form_submission_date'=>$search_form_submission_date])->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection