@extends('layouts.main')

@section('content')

<div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Search Condition</h3>
                        </div>
                        <div class="card-body">
                            <form class="" role="form" method="post" id="search-form" action="{{url('campaign-reports/search')}}">

                                <div class="row">
                                    <div class="col-sm-2">
                                        <div class="form-group">
                                            <label for="camp_type">Campaign Type</label>
                                            <select class="selectpicker form-control" name="camp_type" id="camp_type">
                                                <option value="all" @if($type=="all") selected @endif>All</option>
                                                <option value="regular" @if($type=="regular") selected @endif>Regular</option>
                                                <option value="scheduled" @if($type=="scheduled") selected @endif>Scheduled</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <label for="el2">Date From</label>
                                            <input type="date" id="date_from" class="form-control dateTimePicker" name="date_from" value="{{$date_from}}">
                                        </div>
                                    </div>

                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <label for="el2">Date To</label>
                                            <input type="date" id="date_to" class="form-control dateTimePicker" name="date_to" value="{{$date_to}}">
                                        </div>
                                    </div>

                                    <div class="col-sm-2">
                                        <div class="form-group">
                                            <label for="search">&emsp;</label><br/>
                                            <button type="submit" class="btn btn-success pull-right btn-block"><i class="fa fa-search"></i> Search</button>
                                        </div>
                                    </div>

                                    <div class="col-sm-2">
                                        <div class="form-group">
                                            <label for="reset">&emsp;</label><br/>
                                            <button type="button" class="btn btn-primary pull-right btn-block"
                                                    id="reset">Reset
                                            </button>
                                        </div>
                                    </div>



                                </div>
                                <input type="hidden" name="_token" value="{{csrf_token()}}">

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


                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Campaign Reports</h3>
                        </div>
                        <div class="card-body">


                            <table class="table data-table table-hover">
                                <thead>
                                <tr>
                                    <th style="width: 25%;">Date</th>
                                    <th style="width: 15%;">Campaign Name</th>
                                    {{--                                    <th style="width: 15%;">From</th>--}}
                                    <th style="width: 10%;">Recipients</th>
                                    {{--                                    <th style="width: 10%;">Status</th>--}}
                                    <th style="width: 25%;">Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($campaignList as $k=>$v)
                                    <tr>
                                        <td>{{$v->created_at}}</td>
                                        <td>{{$v->campaign_name}}</td>
                                        {{--                                    <td>5d63820d73794c001ca920eb</td>--}}
                                        <td>{{$v->contacts_count_count}}</td>
                                        {{--                                    <td>queued</td>--}}
                                        <td>
                                        <a href="{{url('manage-whatsapp-campaign/'.$v->id)}}" role="button" class="btn btn-sm btn-success">Reports</a>&emsp;
                                        <button class="deleteCampaign btn btn-sm btn-danger" data-id="{{$v->id}}" >Delete</button></td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        {{ $campaignList->links() }}
                    </div>
                </div>

            </div>

        </div>


@endsection

{{--External Style Section--}}
@section('script')

    <script>
        $(document).ready(function(){

            $("#reset").on('click', function () {
                console.log("Hit for resetting");
                $("#search-form").find('input:text').val('');
                // $('#camp_type').val('all');
                // $('#camp_name').val('all');
            });

            /*Linked Date*/

            $("#date_from").on("dp.change", function (e) {
                $('#date_to').data("DateTimePicker").minDate(e.date);
            });

            $("#date_to").on("dp.change", function (e) {
                $('#date_from').data("DateTimePicker").maxDate(e.date);
            });

            $(".deleteCampaign").click(function(){
                var id = $(this).data("id");
                //console.log(id);
                //console.log(_url + "/user/whatsapp/campaign-reports/delete/" + id);

                bootbox.confirm("Are you sure?", function (result) {
                    if (result) {
                        var _url = $("#_url").val();
                        window.location.href = _url + "/whatsapp/user/campaign-reports/delete/" + id;
                    }
                });




                $('#search-form').on('submit', function(e) {
                    oTable.draw();
                    e.preventDefault();
                });



            });


        });
    </script>
@endsection