@extends('Admin.master_layout.master')

@section('title', getTitleInPage())

@section('header_menu')
@parent
@endsection

@section('sidebar_menu')
@parent
@endsection

@section('content')
<div id="content">
    <div id="content-header">
        <div id="breadcrumb"> 
            <a href="{{ url('/') }}" title="Go to Home" class="tip-bottom">
                <i class="icon-home"></i> Home
            </a> 
            <a href="" class="current">
                {{ getTitleInPage() }}
            </a> 
        </div>
        <h1>{{ getTitleInPage() }}</h1>
    </div>
    <div class="container-fluid">
        <hr>
        <div class="row-fluid">
            <div class="span12">
                @if (Session::has('message'))
                <div class="alert alert-info">{!! Session::get('message') !!}</div>
                @endif
                @if (Session::has('error'))
                <div class="alert alert-danger">{!! Session::get('error') !!}</div>
                @endif
                @if (Session::has('success'))
                <div class="alert alert-success">{!! Session::get('success') !!}</div>
                @endif
                <div class="widget-box">
                    <div class="widget-title"> <span class="icon"><i class="icon-th"></i></span>
                        <h5>{{ getTitleInPage() }} - List</h5>
                        <span class="pull-right" style="padding: 7px;"><a class="btn btn-mini btn-primary" href="{{ url('supplier/add') }}" title="Add new">Add</a></span>
                    </div>
                    <div class="widget-content nopadding">
                        <table class="table table-bordered data-table">
                            <thead>
                                <tr>
                                    <th width="2%">No.</th>
                                    <th>Supplier Name</th>
                                    <th>Supplier Type</th>
                                    <th>Name Of Person</th>
                                    <th>Email</th>
                                    <th>Contact No.</th>
                                    <th>Type</th>
                                    <th width="5%">Status</th>
                                    <th width="13%">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                                                @foreach($data as $datas)
                                <tr class="gradeX">
                                    <td>{{ $i }}</td>
                                    <td>{{ $datas->name }}</td>
                                    <td>{{ $datas->mt_name }}</td>
                                    <td>{{ $datas->contact_name }}</td>
                                    <td>{{ $datas->contact_email }}</td>
                                    <td>{{ $datas->contact_phone }}</td>
                                    <td>{{ isset($datas->regular)?'Regular':'Individual' }}</td>
                                    <td ><span class="label label-{{ ($datas->status == 0 )? 'info':'success'}}">{{ ($datas->status == 0 )? 'Inactive':'Active'}}</span></td>

                                                                    @if($datas->is_relation == 1 && !in_array('1',$role_id))
                                <a class="btn btn-mini btn-success" href="{{ url('supplier/view/individual/'.$datas->id) }}" title="Edit"><i class="icon-eye-open"></i></a> 
                                @else
                                <td class="center" width="13%"> 
                                    <a class="btn btn-mini btn-success" href="{{ url('supplier/edit/individual/'.$datas->id) }}" title="Edit"><i class="icon-pencil"></i></a> 
                                    <a class="btn btn-mini btn-danger" onclick="if (confirm('Are You Sure? Do You Want To Delete?')) {
                                                    return true;
                                                } else {
                                                    return false;
                                                }" href="{{ url('supplier/delete/individual/'.$datas->id) }}" title="Delete"><i class="icon-trash"></i>
                                    </a> 
                                </td>
                                @endif
                                                            </tr>
                                                        @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')
<script type="text/javascript">
    /*
     * Original example found here: http://www.jquerybyexample.net/2012/05/how-to-move-items-between-listbox-using.html
     * Modified by Esau Silva to support 'Move ALL items to left/right' and add better stylingon on Jan 28, 2016.
     * 
     */

    (function () {
        $('#btnRight').click(function (e) {

            var selectedOpts = $('#lstBox1 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }
            $('#lstBox2').append($(selectedOpts).clone());
            $('#lstBox2 > option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#btnAllRight').click(function (e) {
            var selectedOpts = $('#lstBox1 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#lstBox2').append($(selectedOpts).clone());
            $('#lstBox2 option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#btnLeft').click(function (e) {
            var selectedOpts = $('#lstBox2 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#lstBox1').append($(selectedOpts).clone());
            $('#lstBox1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#btnAllLeft').click(function (e) {
            var selectedOpts = $('#lstBox2 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#lstBox1').append($(selectedOpts).clone());
            $('#lstBox1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
        });
    }(jQuery));

    (function () {
        $('#btnRight1').click(function (e) {

            var selectedOpts = $('#lstBox11 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }
            $('#lstBox21').append($(selectedOpts).clone());
            $('#lstBox21 > option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#btnAllRight1').click(function (e) {
            var selectedOpts = $('#lstBox11 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#lstBox21').append($(selectedOpts).clone());
            $('#lstBox21 option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#btnLeft1').click(function (e) {
            var selectedOpts = $('#lstBox21 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#lstBox11').append($(selectedOpts).clone());
            $('#lstBox11 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#btnAllLeft1').click(function (e) {
            var selectedOpts = $('#lstBox21 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#lstBox11').append($(selectedOpts).clone());
            $('#lstBox11 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
        });
    }(jQuery));
</script>
@parent
@endsection