@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row-fluid">
            <!-- BEGIN PAGE TITLE & BREADCRUMB-->
            <h3 class="page-title">
                Store
            </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="#">Store</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>Store Records</div>
                        <div class="tools">
                            <a href="javascript:;" class="reload"></a>
                            <a href="javascript:;" class="remove"></a>
                        </div>
                    </div>
                    <div class="portlet-body">
                        {!! Form::open(['url' => '/admin/store/create','id'=>'myform','class' => 'form-vertical', 'files' => true]) !!}
                        <div class="row-fluid">
                            <div class="span3">
                                <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('section') ? 'error' : ''}}">
                                    <label class="control-label">{!! Html::decode(Form::label('section', 'Section<span class="required">*</span>', ['class' => 'col-md-4 control-label'])) !!}</label>
                                    <div class="controls">
                                        {!! Form::text('section', null, ['class' => 'm-wrap span12']) !!}
                                        {!! $errors->first('section', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                            </div>

                             <div class="span2">
                                <div class="control-group {{ $errors->has('bin') ? 'error' : ''}}">
                                    <label class="control-label">{!! Html::decode(Form::label('bin', 'Bin <span class="required">*</span>', ['class' => 'col-md-4 control-label'])) !!}</label>
                                    <div class="controls">
                                        {!! Form::text('bin', null, ['class' => 'm-wrap span12']) !!}
                                        {!! $errors->first('bin', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                            </div>
                             <div class="span2">
                                <div class="control-group {{ $errors->has('status') ? 'error' : ''}}">
                                    <label class="control-label"> {!! Form::label('status', 'Status', ['class' => 'col-md-4 control-label']) !!}</label>
                                    <div class="controls">
                                        {!! Form::select('status', ['Inactive', 'Active'], null, ['class' => 'm-wrap span12']) !!}
                                        {!! $errors->first('status', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="btn-group">
                                    <br>
                                    <div class="controls">
                                        <button type="submit" class="btn green btn-sm add-update-btn" style="margin-top: 5%;"><i class="icon-plus" aria-hidden="true"></i> Add New Store</button>
                                    </div>
                                </div>
                            </div>
                           
                        </div>
                        {!! Form::close() !!}
                        <!-- <div class="clearfix">
                            <div class="btn-group pull-right">
                               <a href="{{ url('/admin/store/create') }}" class="btn green btn-sm" title="Add New Store">
                                    <i class="icon-plus" aria-hidden="true"></i> Add New Store
                                </a>
                            </div>
                        
                        </div> -->
                        <table class="table table-striped table-bordered table-hover table-full-width" id="sample_2">
                            <thead>
                                <tr>
                                    <th>Name</th><th>Section</th><th>Bin</th><th>Status</th><th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($store as $item)
                                    <tr>
                                        <td>{{ $item->name }}</td>
                                        <td>{{ $item->section }}</td>
                                        <td>{{ $item->bin }}</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/store/' . $item->id) }}" title="View Store"><button class="btn blue btn-xs"><i class="icon-eye-open" aria-hidden="true"></i> </button></a>
                                            <button class="btn purple btn-xs edit-btn" title="Edit Store" data-id="{{$item->id}}" data-name="{{$item->name}}" data-section="{{$item->section}}" data-bin="{{$item->bin}}" data-status="{{$item->status}}"><i class="icon-edit" aria-hidden="true"></i> </button>
                                            {!! Form::open([
                                                'method'=>'DELETE',
                                                'url' => ['/admin/store', $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 Store',
                                                        '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,
                },
                'section': {
                   required: true,
                },
                'bin': {
                   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",
                },
                'section' : {
                    required: "The section field is required",
                },
                'bin' : {
                    required: "The bin field is required",
                },
                'status' : {
                   required: "The status field is required",
                },        
            }
       });

        $('.edit-btn').click(function() {
            var id = $(this).data('id');
            var name  = $(this).data('name');
            var section  = $(this).data('section');
            var bin  = $(this).data('bin');
            var status  = $(this).data('status');
            var update_url =  '/admin/store/'+ id;
            $("#myform").attr("action", update_url);

            $('#myform :input[name=name]').val(name);
            $('#myform :input[name=section]').val(section);
            $('#myform :input[name=bin]').val(bin);
            $('#status').val(status);
            $('#myform').find('.add-update-btn').before('<input name="_method" type="hidden" value="PATCH">')

            $('.add-update-btn').html('<i class="icon-edit" aria-hidden="true"></i> Update Price');
        });
    });

    </script>
@endsection