@extends('admin.layouts.master')
@section('content')
@php
$status=["None","Client","Dater","Denied","Lead","Unresponsive","Not Eligible"];
//$more_children=["Yes","No","Not Sure"];
@endphp


<style>
    input#staffImport {
        width: 205px;
    }

    .shbtn {
    text-align: end;
}

    @media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .shbtn {
    text-align: start;
}
  }
    
</style>
<section class="section">
    <!-- <ul class="breadcrumb breadcrumb-style ">
        <li class="breadcrumb-item">
            <h4 class="page-title m-b-0">Form</h4>
        </li>
        <li class="breadcrumb-item">
            <a href="javascript:void(0);">
                <i data-feather="home"></i></a>
        </li>
        <li class="breadcrumb-item">Section</li>
    </ul> -->

    <div class="section-body">

        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-md-5 mb-2">
                                <form action="{{route('admin.customer.import')}}" method="POST" enctype="multipart/form-data" id="staffImportForm">
                                    @csrf
                                    <input type="file" name="staffImport" id="staffImport" class="btn btn-primary ml-1" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />
                                    <input type="submit" id="submitImportForm" style="display: none;">
                                </form>
                            </div>
                            <div class="col-md-4 mb-2">
                                <form action="{{route('admin.CustomerInfo')}}" method="GET" id="statusForm">
                                    {{-- @csrf --}}
                                    {{-- {{dd(Request::get('status') )}} --}}
                                    <select class="form-select form-control status_filter" name="status">
                                        <option value="All" @if('All'==Request::get('status')) selected @endif>All</option>
                                        @foreach($status as $key => $value)
                                        <option value="{{$value}}" @if($value==Request::get('status')) selected @endif>{{$value}}</option>
                                        @endforeach
                                    </select>
                                    <input type="submit" id="submitImportForm2" style="display: none;">
                                </form>
                            </div>
                            <div class="col-md-3 mb-2 shbtn " >
                                <a href="{{route('admin.CustomerInfo.export')}}" class="btn btn-primary mr-2" download>Export</a>
                                <a href="{{asset('admin/dummysheets/customer_info.xlsx')}}" class="btn btn-primary mr-2" download>Sample Sheet</a>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        @if(Session::get('errors'))
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                                <span class="sr-only">Close</span>
                            </button>
                            <strong>{{Session::get('errors')->first()}}</strong>
                        </div>
                        {!!Session::forget('errors')!!}
                        @endif
                        @if(Session::get('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                                <span class="sr-only">Close</span>
                            </button>
                            <strong>{{Session::get('success')}}</strong>
                        </div>
                        {!!Session::forget('success')!!}
                        @endif
                        <div class="table-responsive">
                            <table class="table table-striped table-hover" id="formtable" style="width:100%;">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>First Name</th>
                                        <th>Last Name</th>
                                        <th>PhoneNo</th>
                                        <th>Email</th>
                                        <th>Gender</th>
                                        <th>Status</th>
                                        <th>Status Action</th>
                                        <th>Action</th>

                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($customerInfo as $key => $customer_value)
                                    <tr>
                                        <td>{{$key+1}}</td>
                                        <td>{{$customer_value->first_name}}</td>
                                        <td>{{$customer_value->last_name}}</td>
                                        <td>{{$customer_value->phone_number}}</td>
                                        <td>{{$customer_value->email}}</td>
                                        <td>{{$customer_value->gender}}</td>
                                        <td>{{$customer_value->status}}</td>
                                        <td>
                                            <select class="form-select form-control status" data-id="{{$customer_value->id}}">
                                                @foreach($status as $key => $value)
                                                <option value="{{$value}}" @if($customer_value->status==$value) selected @endif>{{$value}}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td>
                                            <a href="{{ route('admin.customer.edit', ['id' => $customer_value->id]) }}" class="btn btn-primary">
                                                <i class="fa fa-edit"></i>
                                            </a>
                                            <!-- <a href="https://motw.developer-hi.xyz/admin/parishes/3/profile" class="btn btn-primary">
                                                    <i class="fa  fa-user-edit"></i>
                                                </a> -->
                                            <a onclick="return confirm('Do You Want To Delete This Development?')" href="{{ route('admin.customer.delete', ['id' => $customer_value->id]) }}" class="btn btn-danger md_delete">
                                                <i class="fa fa-trash"></i>

                                            </a>
                                            <a href="{{ route('admin.customer.detail', ['id' => $customer_value->id]) }}" class="btn btn-warning">
                                                <i class="fa fa-eye"></i>
                                            </a>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

</section>

@endsection

@push('script')
<script>
    $(document).ready(function() {
        $('#formtable').DataTable({
             "ordering": true,
              //stateSave: true,
             //"lengthMenu": [ [1,2,3,250, -1], [1,2,3,250, "All"] ],
            "lengthMenu": [ [100,150,200,250, -1], [100,150,200,250, "All"] ],
        });

        $('#staffImport').on('change', function() {
            $("#submitImportForm").click();
        });
        $('.status_filter').on('change', function() {
            $("#submitImportForm2").click();
        });

        //$('.status').on('change', function() {
        $(document).on("change",".status",function(){
            var status = $(this).val();
            var id = $(this).data("id");
            $.ajax({
                url: "{{ route('admin.CustomerInfo.status') }}",
                type: "GET",
                data: {
                    'status': status,
                    'id': id
                },
                success: function(data) {
                    location.reload();
                    //$('#develop_list').html(data)
                    //console.log(data);
                }
            });
            //alert(id);
        });
    });

    //$(document).ready( function () {
       // $('#formtable').DataTable();
   // } );
</script>
@endpush