@extends('layouts.adminLayout.admin_design') 
@section('content')
<div class="content-wrapper">
    <section class="content-header">
        <h1>{{ $title }}
            @if(Helper::checkAccess('customers_add'))
                <button type="button" class="clickbtncommon btn btn-primary btn-sm add" data-toggle="modal" data-target="#modal-default" data-id="" data-action="{{route('customers_create')}}">
                    <i class="fa fa-plus-circle"></i> {{ __('lbl.add_new') }}
                </button> 
            @endif
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> {{ __('lbl.home') }}</a></li>
            <li class="active">{{ $title }}</li>
        </ol>
    </section>
    
    <section class="content">
        <div class="box box-default">
            <div class="box-header without-border border_bottom">
                <div class="col-md-3 col-md-offset-4  multipleItemSelection ">
                    {{Form::hidden('selectedStoreId',$currentstoreId,['id'=>'currentstoreId'])}}
                    {{ Form::select('establishmentId',$stores,$currentstoreId,['class'=>'form-control stations select2 establishment input-sm', 'id'=>'establishmentId']) }}
                </div>
            </div>
         
            <div class="box-body">
                <table class="table table-bordered" id="customerlist">
                    <thead>
                        <tr>
                            <th width="8%">{{ __('lbl.customer_name') }}</th>
                            <th width="8%">{{ __('lbl.employee_name') }}</th>
                            <th width="15%">{{ __('lbl.email') }}</th>
                            <th width="8%">{{ __('lbl.phone_number') }}</th>
                            <th width="6%">{{ __('lbl.transactions') }}</th>
                            <th width="8%">{{ __('lbl.loyaltypointslog') }}</th>
                            <!-- <th width="20%">{{ __('lbl.customer_tags') }}</th> -->
                            <th width="" style="display: none;">{{ __('lbl.first_name') }}</th>
                            <th width="" style="display: none;">{{ __('lbl.last_name') }}</th>
                            <th width="5%">{{ __('lbl.action') }}</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </section>
</div>
<link rel="stylesheet" href="{{asset('js/lib/tags/bootstrap-tagsinput.css')}}">
<link rel="stylesheet" href="{{asset('js/lib/tags/app.css')}}">
@if(Helper::checkAccess('customers_add'))
<div class="modal fade" id="modal-default">
    <div class="modal-dialog">
        <!-- {{ Form::open(["class"=>"form-horizontal", "method"=>"POST", "name" => "customer_request", "id" => "customer_request"]) }} -->
        <div class="modal-content form-horizontal">
            <div class="modal-header  box box-default" style="border-radius:0px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">
                    {{__('lbl.customers')}} {{__('lbl.add')}}/{{__('lbl.edit')}}
                </h4>
            </div>
            <div class="modal-body">
                <div class="box-body">
                    <div class="form-group required">
                        <label for="first_name" class="col-sm-3 control-label">{{ __('lbl.first_name') }}</label>
                        <div class="col-sm-8">
                            {{ Form::text('first_name', '', ["class"=>"form-control mxlen_100","placeholder"=>__('lbl.first_name'),"id"=>"first_name"]) }}
                        </div>
                    </div>
                    <div class="form-group required">
                        <label for="last_name" class="col-sm-3 control-label">{{ __('lbl.last_name') }}</label>
                        <div class="col-sm-8">
                            {{ Form::text('last_name', '', ["class"=>"form-control mxlen_100","placeholder"=>__('lbl.last_name'),"id"=>"last_name"]) }}
                        </div>
                    </div>
                    <div class="form-group  ">
                        <label for="email" class="col-sm-3 control-label">{{ __('lbl.email') }}</label>
                        <div class="col-sm-8">
                            {{ Form::text('email', '', ["class"=>"form-control mxlen_100","placeholder"=>__('lbl.email'),"id"=>"email"]) }}
                        </div>
                    </div>
                    <div class="form-group  ">
                        <label for="member_id" class="col-sm-3 control-label">{{ __('lbl.member_id') }}</label>
                        <div class="col-sm-8">
                            {{ Form::number('member_id', '', ["class"=>"form-control mxlen_100","placeholder"=>__('lbl.member_id'),"id"=>"member_id"]) }}
                        </div>
                    </div>
                    <div class="form-group ">
                        <label for="company" class="col-sm-3 control-label">{{ __('lbl.company') }}</label>
                        <div class="col-sm-8">
                            {{ Form::text('company', '', ["class"=>"form-control mxlen_100","placeholder"=>__('lbl.company'),"id"=>"company"]) }}
                        </div>
                    </div>
                    <div class="form-group required">
                        <label for="phone_number" class="col-sm-3 control-label">{{ __('lbl.phone_number') }}</label>
                        <div class="col-sm-8">
                            {{ Form::number('phone_number', '', ["class"=>"form-control mxlen_100","placeholder"=>__('lbl.phone_number'),"id"=>"phone_number"]) }}
                        </div>
                    </div>
                    <div class="form-group ">
                        <label for="date_of_birth" class="col-sm-3 control-label">{{ __('lbl.date_of_birth') }}</label>
                        <div class="col-sm-8">
                            {{ Form::text('dob', '', ["autocomplete"=>"off","class"=>"form-control ","placeholder"=>__('lbl.date_of_birth'),"id"=>"dob"]) }}
                        </div>
                    </div>
                     
                    <div class="form-group mytags">
                        <label for="customer_tags" class="col-sm-3 control-label">{{ __('lbl.customer_tags') }}</label>
                        <div class="col-sm-8">
                            {{ Form::text('customer_tags', '', ["class"=>"form-control mxlen_100","placeholder"=>"","data-role"=>"tagsinput","id"=>"customer_tags"]) }}
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="row">
                        <div class="col-md-6 col-md-offset-4">
                            <button type="submit" id="submitForm" class="clickbtncommon btn btn-primary pull-left btn-sm "><i class="fa fa-save icon-white"></i> {{ __('lbl.save') }}</button>
                            <button type="button" class="clickbtncommon btn btn-primary pull-left btn-sm" data-dismiss="modal"><i class="fa fa-backward"></i>  {{ __('lbl.close') }}</button>
                        </div>
                    </div>
                    <div id="errorLog" class="pull-left"></div>
                </div>
            </div>
            <input type="hidden" value="" id="id" />
            <input type="hidden" value="" id="action" />
            <input type="hidden" value="" id="_method">
            <input type="hidden" value="add" id="operation" />
            <!-- {{ Form::close() }} -->
        </div>
    </div>
</div>
{{Form::hidden('customerscreate',route('customers_create'),['id'=>'customerscreate'])}}
@endif

<div class="modal fade" id="modal-items">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header  box box-default" style="border-radius:0px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title"> {{__('lbl.customer_info')}}</h4>
            </div>
            <div class="modal-body">
                <!-- form start -->
                <div class="box-body">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">{{ __('lbl.first_name') }}</label>
                        <div class="col-sm-5">
                            <div id="first_name"></div>
                        </div>
                    </div>
                </div>
                <div class="box-body">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">{{ __('lbl.last_name') }}</label>
                        <div class="col-sm-5">
                            <div id="last_name"></div>
                        </div>
                    </div>
                </div>
                <div class="box-body">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">{{ __('lbl.email') }}</label>
                        <div class="col-sm-5">
                            <div id="email"></div>
                        </div>
                    </div>
                </div>
                <div class="box-body">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">{{ __('lbl.company') }}</label>
                        <div class="col-sm-5">
                            <div id="company"></div>
                        </div>
                    </div>
                </div>
                <div class="box-body">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">{{ __('lbl.birth_date') }}</label>
                        <div class="col-sm-5">
                            <div id="birth_date"></div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="row">
                        <div class="col-md-5 col-md-offset-5">
                            <button type="button" class="btn btn-sm btn-danger btn-flat pull-left " data-dismiss="modal">
                                <i class="fa fa-times-circle icon-white"></i> {{ __('lbl.close') }}
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.alert-info, .bg-aqua, .callout.callout-info, .label-info, .modal-info .modal-body {
    background-color: #999 !important;
}
</style>
{{Form::hidden('customerindex',route('customers'),['id'=>'customerindex'])}}
@endsection 
@section('pagescript') 

{!! Helper::pagejs([ 
    'js/lib/select2/dist/js/select2.full.min.js', 
    'js/lib/moment/min/moment.min.js', 
    'js/lib/bootstrap-daterangepicker/daterangepicker.js', 
    'js/lib/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js', 
    'js/lib/plugins/timepicker/bootstrap-timepicker.min.js', 
    'js/lib/tags/bootstrap-tagsinput.min.js'
    ]) !!} 

{!! Helper::datatablelib('customers/list.js') !!} 
@stop