@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row-fluid">
            <!-- BEGIN PAGE TITLE & BREADCRUMB-->
            <h3 class="page-title">
                Charges
            </h3>
            <ul class="breadcrumb">
                <li>
                    <i class="icon-home"></i>
                    <a href="#">Dashboard</a> 
                    <i class="icon-angle-right"></i>
                </li>
                <li><a href="#">Masters</a><i class="icon-angle-right"></i></li>
                <li><a href="#">Charges</a></li>
                
            </ul>
            <!-- END PAGE TITLE & BREADCRUMB-->
        </div>
        @if(Session::has('flash_message'))
            <div class="row-fluid">
            <div class="span12">
                <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('flash_message') }}</p>
            </div> 
            </div>   
        @endif
        <div class="row-fluid">
            <div class="span12">
                <div class="portlet box green">
                    <div class="portlet-title">
                        <div class="caption"><i class="icon-globe"></i>Charge Records</div>
                        <div class="tools">
                            <a href="javascript:;" class="reload"></a>
                            <a href="javascript:;" class="remove"></a>
                        </div>
                    </div>
                    <div class="portlet-body">
                        <div class="clearfix">
                            {!! Form::open(['url' => '/admin/charge/create', 'id'=>'myform','class' => 'form-vertical', 'files' => true]) !!}
                                <div class="row-fluid">
                                    <div class="span2">
                                        <div class="control-group {{ $errors->has('name') ? 'error' : ''}}">
                                            <label class="control-label">{!! Html::decode(Form::label('name', 'Name<span class="required">*</span>', ['class' => 'col-md-4 control-label'])) !!}</label>
                                            <div class="controls">
                                                {!! Form::text('name', null, ['class' => 'm-wrap span12']) !!}
                                                {!! $errors->first('name', '<p class="help-block">:message</p>') !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="span2">
                                        <div class="control-group {{ $errors->has('module') ? 'error' : ''}}">
                                            <label class="control-label">{!! Html::decode(Form::label('module', 'Module <span class="required">*</span>', ['class' => 'col-md-4 control-label'])) !!}</label>
                                            <div class="controls">
                                                <select id="type" class="m-wrap span12 js-select-type-multiple" name="module[]" multiple="multiple">
                                                  <option value="store" @if($module) {{ in_array('store',$module) ? 'selected' : '' }} @endif>Store</option>
                                                  <option value="transport" @if($module) {{ in_array('transport',$module) ? 'selected' : '' }} @endif>Transport</option>
                                                  <option value="logistic" @if($module) {{ in_array('logistic',$module) ? 'selected' : '' }} @endif>Logistic</option>
                                                  <option value="warehouse" @if($module) {{ in_array('warehouse',$module) ? 'selected' : '' }} @endif>Warehouse</option>
                                                  <option value="mis" @if($module) {{ in_array('mis',$module) ? 'selected' : '' }} @endif>Mis</option>
                                                  <option value="fuel" @if($module) {{ in_array('fuel',$module) ? 'selected' : '' }} @endif>Fuel</option>
                                                </select>
                                            </div><br>
                                            <span class="module-error"></span>
                                        </div>
                                    </div> 
                                    <div class="span2">
                                        <div class="control-group {{ $errors->has('stock') ? 'error' : ''}}">
                                            <label class="control-label">{!! Html::decode(Form::label('item_stock', 'Stock', ['class' => 'col-md-4 control-label'])) !!}</label>
                                            <div class="controls">
                                                <input type="checkbox" name="stock" class="m-wrap" value="1"> Yes
                                            </div><br>
                                            <span class="stock-error"></span>
                                        </div>
                                    </div>
                                    <div class="span2">
                                        <div class="control-group {{ $errors->has('status') ? 'error' : ''}}">
                                            <label class="control-label"> {!! Form::label('status', 'Status', ['class' => 'control-label']) !!}</label>
                                            <div class="controls">
                                                {!! Form::select('status', ['Inactive', 'Active'], null, ['class' => 'm-wrap']) !!}
                                                {!! $errors->first('status', '<p class="help-block">:message</p>') !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="btn-group pull-right span3">
                                        <br>
                                        {!! Form::submit('Add New Charge', ['class' => 'btn green', 'title' => 'Add New Charge', 'style' => 'margin-top: 7px;']) !!}
                                    </div>  
                                </div>
                            {!! Form::close() !!}
                        </div>
                        <table class="table table-striped table-bordered table-hover table-full-width" id="sample_2">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Stock</th>
                                    <th>Module</th>
                                    <th>Status</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($charge as $item)
                                    <tr>
                                        <td>{{ $item->name }}</td>
                                        <td> {!! ($item->stock) ? '<i class="icon-check" aria-hidden="true"></i>' : '' !!}</td>
                                        <td>
                                                
                                        </td>
                                        <td>{!! $item->status == 0 ? '<span class="label label-warning">Inactive</span>' : '<span class="label label-success">Active</span>' !!}</td>
                                        <td>
                                            <a href="{{ url('/admin/charge/' . $item->id) }}" title="View Charge"><button class="btn blue btn-xs"><i class="icon-eye-open" aria-hidden="true"></i></button></a>
                                            <button type="button" class="btn purple btn-xs edit-btn-class" title="Edit Charge" data-id="{{ encrypt($item->id) }}"><i class="icon-edit" aria-hidden="true"></i></button>
                                            <!-- <a href="{{ url('/admin/charge/' . $item->id . '/edit') }}" title="Edit Charge"><button class="btn purple btn-xs"><i class="icon-edit" aria-hidden="true"></i></button></a> -->
                                            {!! Form::open([
                                                'method'=>'DELETE',
                                                'url' => ['/admin/charge', $item->id],
                                                'style' => 'display:inline'
                                            ]) !!}
                                                {!! Form::button('<i class="icon-trash" aria-hidden="true"></i>', array(
                                                        'type' => 'submit',
                                                        'class' => 'btn red btn-xs',
                                                        'title' => 'Delete Charge',
                                                        'onclick'=>'return confirm("Confirm delete?")'
                                                )) !!}
                                            {!! Form::close() !!}
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery('#myform').validate( {
                highlight: function(element) {
                    jQuery(element).closest('.control-group').addClass('error');
                    jQuery(element).closest('.control-group').addClass('error');
                },
                unhighlight: function(element) {
                    jQuery(element).closest('.control-group').removeClass('error');
                },
                errorElement: 'span',
                errorClass: 'help-block',
                focusInvalid: false, // do not focus the last invalid input
                ignore: "", // validate all fields including form hidden input
                rules: {
                    'name': {
                       required: true,
                    },
                    'module[]' : {
                      required : true,
                    },
                    'status': {
                       required: true,
                    },
               },
               errorPlacement: function (error, element) {
                    if(element.parent('.input-group').length) {
                        error.insertAfter(element.parent());
                    } else {
                        error.insertAfter(element);
                    }
               },
               messages: {
                    'name' : {
                        required: "The name field is required",
                    },
                    'status' : {
                       required: "The status field is required",
                    },
                    'module[]' : {
                        required : "The module field is required",
                    },        
                }
            });

            $('.js-select-type-multiple').select2({
                placeholder: "Select Charge"
            });
        });

        $(document).on('click', '.edit-btn-class', function () {
            var id = $(this).data('id');
            $.ajax({
                  url: "{{ route('admin.charge.ajaxedit') }}",
                  type: 'POST',
                  dataType: 'html',
                  data: {
                      'id': id,
                      '_token': '{{csrf_token()}}'
                  },
                  success: function(response) {
                    $('.clearfix').html(response);
                    $('.js-select-type-multiple').select2({
                        placeholder: "Select Charge"
                    });
                    validateEditForm();
                  }
            });
        });

        function validateEditForm()
        {
           jQuery('#myform2').validate( {
                highlight: function(element) {
                    jQuery(element).closest('.control-group').addClass('error');
                    jQuery(element).closest('.control-group').addClass('error');
                },
                unhighlight: function(element) {
                    jQuery(element).closest('.control-group').removeClass('error');
                },
                errorElement: 'span',
                errorClass: 'help-block',
                focusInvalid: false, // do not focus the last invalid input
                ignore: "", // validate all fields including form hidden input
                rules: {
                    'name': {
                       required: true,
                    },
                    'module[]' : {
                      required : true,
                    },
                    'status': {
                       required: true,
                    },
               },
               errorPlacement: function (error, element) {
                    if(element.parent('.input-group').length) {
                        error.insertAfter(element.parent());
                    } else {
                        error.insertAfter(element);
                    }
               },
               messages: {
                    'name' : {
                        required: "The name field is required",
                    },
                    'status' : {
                       required: "The status field is required",
                    },
                    'module[]' : {
                        required : "The module field is required",
                    },        
                }
           });
        }

    </script>
@endsection