@extends('adminlte::page')

@section('title', 'Photo Documents')

@section('content_header')
    <h1>Photo Documents</h1>
@stop
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card shadow rounded-lg  mb-3 p-2">
        <div class="card-header">
            <div class="row mt-3">
                <div class="col-md-6 float-left ">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb bg-white">
                            <li class="breadcrumb-item text-bold"><a href="{{ route('admin.home') }}">Home</a></li>
                            <li class="breadcrumb-item text-bold active" aria-current="page">Photo-maker</li>
                        </ol>
                    </nav>
                </div>
                <div class= "col-md-6">
					<a href="{{ route('required.document.val.head.add') }}"  class="btn btn-primary float-md-right ml-2" role="button" aria-pressed="true">Add</a>
                </div>
            </div>

            <div class="collapse mt-3 {{ !empty($search) !== null ? 'show' : '' }}" id="searchCollapse">
                <form action="{{ route('required.document.listing') }}" method="get" id="searchForm">
                    <div class="row">
                        
                        <div class="col-md-3">
                            <div class="form-group">
                                <select class="form-control select2 " name="from_country" id="category">
                                    <option value="">Select From Country</option>
                                    @foreach($countryList as $country)
                                        <option  value="{{ $country->id }}" {{ !empty(\Request::get('from_country')) && \Request::get('from_country') == $country->id ? 'selected' : '' }}>{{ $country->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <select class="form-control select2 " name="to_country" id="category">
                                    <option value="">Select To Country</option>
                                    @foreach($countryList as $country)
                                        <option  value="{{ $country->id }}" {{ !empty(\Request::get('to_country')) && \Request::get('to_country') == $country->id ? 'selected' : '' }}>{{ $country->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group">
                                <select class="form-control select2 " name="category" id="category">
                                    <option value="">Select Category</option>
                                    @foreach($mainCategory as $category)
                                        <option  value="{{ $category->id }}" {{ !empty(\Request::get('category')) && \Request::get('category') == $category->id ? 'selected' : '' }}>{{ $category->title }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <select class="form-control select2 " name="document" id="category">
                                    <option value="">Select Document</option>
                                    @foreach($documents as $document)
                                        <option  value="{{ $document->id }}" {{ !empty(\Request::get('document')) && \Request::get('document') == $document->id ? 'selected' : '' }}>{{ $document->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-sm btn-primary float-right">Search</button>
                </form>
            </div>

        </div>



            <div class="card">
                <!-- /.card-header -->
                <div class="card-body table-responsive">
                    <table class="table table-bordered">
                        <tr>
                            <th>From Country</th>
                            <th>To Country</th>
                            <th>Category</th>
                            <th>Document Name</th>
                            <th>status</th>
                            <th>Action</th>
                        </tr>
                        @foreach ($documentListing as $document)
                            <tr id="tr_{{$document->id}}">
                                <td>{{$document['fromCountry']['name'] ?? 'N/A' }}</td>
                                <td>{{$document['toCountry']['name'] ?? 'N/A' }}</td>
                                <td>{{$document['category']['title'] ?? 'N/A' }}</td>
                                <td>{{$document['document']['name'] ?? 'N/A' }}</td>
                                <td> 
									<input type="checkbox" {{$document->status=='1'?'checked':''}} class="status"
                                           data-url="{{ route('required.document.update.status',$document->id) }}"/>
								</td>
                                <td style="width:15%">
                                  
                                <a href="{{route('required.document.val.head.edit',$document->id)}}" class="badge bg-info" data-toggle="tooltip" data-placement="top" title="Edit Faq Section">Edit</a>
                                <a href="{{route('required.document.faq.add',$document['id'])}}" class="badge bg-info" data-toggle="tooltip" data-placement="top" title="Edit Faq Section">Faqs</a>
                                <a href="{{url('admin/photo-general/index',$document->id)}}" class="badge bg-info" data-toggle="tooltip" data-placement="top" title="Edit Faq Section">general</a>
                                <a href="{{url('admin/photo-usetool/index',$document->id)}}" class="badge bg-info" data-toggle="tooltip" data-placement="top" title="Edit Faq Section">usetool</a>
                                <a href="{{url('admin/photo-featuretool/index',$document->id)}}" class="badge bg-info" data-toggle="tooltip" data-placement="top" title="Edit Faq Section">featuretool</a>
                                <a href="{{url('admin/photo-popular/index',$document->id)}}" class="badge bg-info" data-toggle="tooltip" data-placement="top" title="Edit Faq Section">popularDoc</a>
                                <a href="{{url('admin/photo-choosetool/index',$document->id)}}" class="badge bg-info" data-toggle="tooltip" data-placement="top" title="Edit Faq Section">choosetool</a>
                                </td>
                            </tr>
                        @endforeach
                    </table>
                    {{ $documentListing->withQueryString()->links('pagination::bootstrap-4') }}
                </div>
                <!-- /.card-body -->
            </div>
        </div>
        <!-- /.col -->
    </div>
@stop
@section('js')

<script>
$('.status').change(function (e) {
	var status = '0';
	if ($(this).is(':checked')) {
		status = '1';
	}
	$.ajax({
		url: $(this).attr('data-url'),
		data: {status: status},
		type: "GET",
		success: function(response) {
            if (response.status === 'success') {
                alert(response.message); 
            }
        },
        error: function(xhr) {
            alert('Something went wrong!');
        }
	});
});

</script>
@stop