@extends('layouts.customer')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <h1>Mailing Lists</h1>
                <nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
                    <ol class="breadcrumb pt-0">
                        <li class="breadcrumb-item">
                            <a href="#">Home</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">Mailing Lists</li>
                    </ol>
                </nav>
                <div class="mb-5"></div>
            </div>
        </div>

        <div class="row mb-2">
            @if ($message = Session::get('success'))
                <div class="w-100 alert alert-success">
                    <p style="margin:0px;">{{ $message }}</p>
                </div>
            @endif
        </div>

        <div class="row mb-4">
            <div class="col-12 mb-4">
                <div class="card">
                    <div class="card-body">
                        <div id="DataTables_Table_0_wrapper">
                            <table class="data-table" id="DataTables_Table_0">
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th>Email</th>
                                        <th></th>
                                        <th>Date</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if($mailing_lists)
                                    
                                        @php $i = 0; @endphp
                                        @foreach($mailing_lists as $mailing_list)
                                            <tr>
                                                <td>
                                                    {{ ++$i }}
                                                </td>
                                                <td>{{ $mailing_list->email }}</td>
                                                <td></td>
                                                <td>{{ date("M j, Y",strtotime($mailing_list->created_at)) }}
                                                    <br>
                                                    {{ date("h:i:s A",strtotime($mailing_list->created_at)) }}
                                                </td>
                                                <td>
                                                    <div class="dropdown">
                                                        <button class="btn" type="button" id="dropdownMenuButton{{$mailing_list->id}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots-vertical" viewBox="0 0 16 16">
                                                                <path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"></path>
                                                            </svg>
                                                        </button>
                                                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton{{$mailing_list->id}}">
                                                            <a class="p-3 dropdown-item" href="{{ route('mailing-lists.show',['account' => $account, 'mailing_list' => $mailing_list->id]) }}"><i class="simple-icon-eye"></i> View</a>
                                                        </div>
                                                    </div>
                                                    </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr colspans="5">
                                            <p>No records found!</p>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>    
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('script')
    <script type="text/javascript">
        $(document).on('change','#_c_locations',function(){
                if($(this).val() != ""){
                    window.location.href = $(this).val();
                }
        })     
        $(document).on('click','.__modelOpenFood',function(e){
                $("#item_id").val($(this).attr('data-id'));
                $("#supplier").val($(this).attr('data-supplier'));
                $("#quantity_type").val($(this).attr('data-quantity-type'));
        })  
        $(document).on('keyup','.__quantityAdd',function(evt){
            var charCode = (evt.which) ? evt.which : event.keyCode
                if (charCode > 31 && (charCode < 48 || charCode > 57)){
                return false;
            }
            var thisval = $(this).val();
            if(thisval == ''){ thisval = 0;}
                var tq = parseInt(thisval) + parseInt($(".current_quantity"+$(this).attr('data-id')).val());
                $(".total_quantity"+$(this).attr('data-id')).val(tq);
                console.log(tq,thisval);
                return true;
        })
    </script>

@endsection