@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row-fluid">
            <!-- BEGIN PAGE TITLE & BREADCRUMB-->
            <h3 class="page-title">
                Price/Ltr
            </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="#">Price</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>Price 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/price/create', 'class' => 'form-vertical','id'=>'myform','files' => true]) !!}
                        <div class="row-fluid">
                            <div class="span2">
                                <div class="control-group {{ $errors->has('date') ? 'error' : ''}}">
                                    <label class="control-label">{!! Html::decode(Form::label('date', 'Date <span class="required">*</span>', ['class' => 'col-md-4 control-label'])) !!}</label>
                                    <div class="controls">
                                        {!! Form::date('date', null, ['class' => 'm-wrap span12']) !!}
                                        {!! $errors->first('date', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                            </div>
                            <div class="span2">
                                <div class="control-group {{ $errors->has('location') ? 'error' : ''}}">
                                    <label class="control-label">{!! Html::decode(Form::label('location', 'Location <span class="required">*</span>', ['class' => 'col-md-4 control-label'])) !!}</label>
                                    <div class="controls">
                                        {!! Form::select('location',[''=>'Select Location'] + $page_data['locationData'],null, ['class' => 'm-wrap span12']) !!}
                                        {!! $errors->first('location', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                            </div>
                            <div class="span2">
                                <div class="control-group {{ $errors->has('diesel') ? 'error' : ''}}">
                                    <label class="control-label">{!! Html::decode(Form::label('diesel', 'Diesel <span class="required">*</span>', ['class' => 'col-md-4 control-label'])) !!}</label>
                                    <div class="controls">
                                        {!! Form::number('diesel', null, ['class' => 'm-wrap span12']) !!}
                                        {!! $errors->first('diesel', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                            </div>
                            <div class="span2">
                                <div class="control-group {{ $errors->has('petrol') ? 'error' : ''}}">
                                    <label class="control-label">{!! Html::decode(Form::label('petrol', 'Petrol <span class="required">*</span>', ['class' => 'col-md-4 control-label'])) !!}</label>
                                    <div class="controls">
                                        {!! Form::number('petrol', null, ['class' => 'm-wrap span12']) !!}
                                        {!! $errors->first('petrol', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                            </div>
                            <div class="span2">
                                <div class="control-group {{ $errors->has('currency') ? 'error' : ''}}">
                                    <label class="control-label">{!! Html::decode(Form::label('currency', 'Currency', ['class' => 'col-md-4 control-label'])) !!}</label>
                                    <div class="controls">
                                        {!! Form::select('currency',[''=>'Currency']+ $page_data['currencyData']->toArray() ,null, ['class' => 'm-wrap span12']) !!}
                                        {!! $errors->first('currency', '<p class="help-block">:message</p>') !!}
                                    </div>
                                </div>
                            </div>
                            <div class="span2">
                                <div class="control-group">
                                    <br>
                                    <div class="controls">
                                        <button type="submit" class="btn green add-update-btn" style="margin-top: 4%;"><i class="icon-plus" aria-hidden="true"></i> Add New Price</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {!! Form::close() !!}
                        <!-- <div class="clearfix">
                            <div class="btn-group pull-right">
                               <a href="{{ url('/admin/price/create') }}" class="btn green btn-sm" title="Add New Price">
                                    <i class="icon-plus" aria-hidden="true"></i> Add New Price
                                </a>
                            </div>
                        
                        </div> -->
                        <table class="table table-striped table-bordered table-hover table-full-width" id="sample_2">
                            <thead>
                                <tr>
                                    <th>Date</th>
                                    <th>Location</th>
                                    <th>Diesel</th>
                                    <th>Petrol</th>
                                    <th>Currency</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($price as $item)
                                    <tr>
                                        <td>
                                            {{ Helper::convert_to_ddmmyy($item->date) }}
                                        </td>
                                        <td>{{ $item->location }}</td>
                                        <td>{{ $item->diesel }}</td>
                                        <td>{{ $item->petrol }}</td>
                                        <td>{{ $item->currency }}</td>
                                        <td>
                                            <a href="{{ url('/admin/price/' . $item->id) }}" title="View"><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" data-id="{{$item->id}}" data-date="{{$item->date}}" data-location="{{$item->location}}" data-diesel="{{$item->diesel}}" data-petrol="{{$item->petrol}}" data-currency="{{$item->currency}}"><i class="icon-edit" aria-hidden="true"></i></button>
                                            {!! Form::open([
                                                'method'=>'DELETE',
                                                'url' => ['/admin/price', $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',
                                                '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: {
                    'date': {
                       required: true,
                    },
                    'location': {
                       required: true,
                    },
                    'diesel': {
                       required: true,
                       number : true,
                    },
                    'petrol': {
                       required: true,
                       number : true,
                    },
                    'currency': {
                       required: true,
                    },
               },
               errorPlacement: function (error, element) {
                    if(element.parent('.input-group').length) {
                        error.insertAfter(element.parent());
                    } else {
                        error.insertAfter(element);
                    }
               },
               messages: {
                    'date': {
                       required: "The date is required",
                    },
                    'location': {
                       required: "The location is required",
                    },
                    'diesel': {
                       required: "The diesel is required",
                    },
                    'petrol': {
                       required: "The petrol is required",
                    },
                    'currency': {
                       required: "The currency is required",
                    }, 
                }
           });

            $('.edit-btn').click(function() {
                var id = $(this).data('id');
                var date  = $(this).data('date');
                var location  = $(this).data('location');
                var diesel  = $(this).data('diesel');
                var petrol  = $(this).data('petrol');
                var currency  = $(this).data('currency');
                var update_url =  '/admin/price/'+ id;
                $("#myform").attr("action", update_url);

                $('#myform :input[name=date]').val(date);
                $('#location').val(location);
                $('#myform :input[name=diesel]').val(diesel);
                $('#myform :input[name=petrol]').val(petrol);
                $('#currency').val(currency);
                $('#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