@extends('theme.theme_main')

@section('breadcrumb')
{!! Breadcrumbs::render('call-log') !!}
@stop

@section('content_title')
<h1>
    Call Log
</h1>
@stop

@section('css')
<style type='text/css'>
    .table {
        table-layout:fixed;
    }

    .table .truncate {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
</style>
@stop

@section('content')
<div class="row">
    <div class="col-xs-12">
        <div class="box">
            <div class="box-header">
                <h4 class="filter-form-toggle">Filter <i class="fa fa-plus-square"></i></h4>
                <form action="" method="get" class="form-horizontal filter-form">
                    <div class="row">
                        
                        <div class="form-group col-xs-12 col-md-12">
                            <label for="inputTypeId" class="col-sm-2 control-label">Mobile No.</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="inputTypeId" placeholder="0" name="type_id" value="{{old('type_id', Request::input('type_id'))}}">
                            </div>
                        </div>
                        <div class="form-group col-xs-12 col-md-12">
                            <div class="" style="text-align: center;">
                                <button type="submit" class="btn btn-danger">Submit</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div><!-- /.box-header -->
            <hr/>
                @include('call_log._campaign_data_log')
        </div><!-- /.box -->
    </div><!-- /.col -->
</div><!-- /.row -->

@stop

@section('script')
<script type="text/javascript">
$(document).ready(function(){
    //filter section show hide
    $('.filter-form-toggle').click(function(){
        if($(this).children('.fa').hasClass('fa-plus-square')){
            $(this).children('.fa').removeClass('fa-plus-square');
            $(this).children('.fa').addClass('fa-minus-square');
        }else{
            $(this).children('.fa').removeClass('fa-minus-square');
            $(this).children('.fa').addClass('fa-plus-square');
        }
        $('.filter-form').toggle();
    });
    
    //expand log detail
    $('.expand-log').click(function(){
        $id = $(this).data('id');
        if($('#log_id_'+$id).hasClass('hide')){
            $('#log_id_'+$id).removeClass('hide');
        }else{
            $('#log_id_'+$id).addClass('hide');
        }
    });
});
</script>
@stop