@extends('layouts.main')

@section('content')
<div class="container-fluid">
            <div class="row">

                <div class="col-lg-4">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Add New Group</h3>
                        </div>
                        <div class="card-body">
                            <form class="" role="form" method="post" action="{{url('customers-groups/create-group')}}">

                                <div class="form-group">
                                    <label>Group Name</label>
                                    <input type="text" class="form-control" name="group_name" required value="{{old('group_name')}}">
                                </div>

                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                <button type="submit" class="btn btn-success btn-sm pull-right"><i class="fa fa-plus"></i> Add </button>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="col-lg-8">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Customers Groups</h3>
                        </div>
                        <div class="card-body p-none">
                            <table class="table data-table table-hover">
                                <thead>
                                <tr>
                                    <th style="width: 5%">Id</th>
                                    <th style="width: 20%">Group Name</th>
                                    <th style="width: 5%">Total Number</th>
                                    <th style="width: 30%">Broadcast ID</th>
                                    <th style="width: 40%">Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                        @foreach ($groups as $k=>$group)
                                            <tr>
                                                <td>{{(($page-1) * $limit) +($k+1)}}</td>
                                                <td>
                                                    <p>{{$group->name}}</p>
                                                </td>
                                                <td>{{$group->customers_count}}</td>
                                                <td>
                                                @foreach($group['broadcast'] as $m=>$n)
                                                    <span>{{$n->broadcast_id}},</span>
                                                @endforeach        
                                                </td>
                                                <td>

                                                    <a href="{{url('/customers-groups/'.$group->id.'/customers')}}" class="btn btn-primary btn-xs"><i class="fa fa-eye"></i> View Customers</a>
                                                    <a href="{{url('/customers-groups/'.$group->id.'/add-customer')}}" class="btn btn-complete btn-xs"><i class="fa fa-plus"></i> Add Customer</a>
                                                    <a class="btn btn-success btn-xs" href="#" data-toggle="modal" data-target=".modal_edit_list_{{$group->id}}"><i class="fa fa-edit"></i> Edit</a>
                                                    <button class="deleteGroup btn btn-xs btn-danger" data-id="{{$group->id}}" >Delete</button>
                                                    <button class="btn btn-success btn-xs exportGroupCustomers" data-id="{{$group->id}}">Export</button>



                                                    <div class="modal fade modal_edit_list_{{$group->id}}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

                                                        <div class="modal-dialog" role="document">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                                    <h4 class="modal-title" id="myModalLabel">Edit Group Name</h4>
                                                                </div>
                                                                <form class="form-some-up form-block" role="form" action="{{url('/customers-groups/'.$group->id.'/update-group-name')}}" method="post">

                                                                    <div class="modal-body">

                                                                        <div class="form-group">
                                                                            <label>Group Name</label>
                                                                            <input type="text" class="form-control" required name="group_name" value="{{$group->name}}">
                                                                        </div>


                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <input type="hidden" name="_token" value="{{csrf_token()}}">
                                                                        <input name="_method" type="hidden" value="PUT">
                                                                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                                        <button type="submit" class="btn btn-primary">Update</button>
                                                                    </div>

                                                                </form>
                                                            </div>
                                                        </div>

                                                    </div>

                                                    
                                                </td>
                                            </tr>
                                        @endforeach

                                </tbody>
                            </table>
                            {{ $groups->links() }}
                        </div>
                    </div>
                </div>

            </div>

</div>

@endsection

@section('script')
    <script>
        $(document).ready(function(){
            $(".deleteGroup").click(function () {
                var id = $(this).data("id");
                //console.log(id);
                bootbox.confirm("Are you sure?", function (result) {
                    if (result) {
                        window.location.href = BASE_URL + "/customers-groups/delete/" + id;
                    }
                });
            });



            $(".exportGroupCustomers").on('click', function () {
                var id = $(this).data("id");
                exportAllCustomers(id);
            });

            function exportAllCustomers(id) {
                bootbox.confirm("Are you sure you want to export?", function (result) {
                    if (result) {
                        location.href = BASE_URL + "/export-group-customers-csv/"+id;
                    }
                });
            }
        });
    </script>
@endsection