@extends('adminlte::layouts.app')

@section('htmlheader_title')
    Edit Trades
@endsection

@section('contentheader_title')
    Edit Trades
@endsection

@section('header_styles')
    <link rel="stylesheet" type="text/css" href={{ asset("plugins/datatables/dataTables.bootstrap.css")}}>
@stop

@section('main-content')
    @if (count($errors) > 0)
        <div class="alert alert-danger">
            <strong>Whoops!</strong> {{ trans('adminlte_lang::message.someproblems') }}<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="container-fluid spark-screen">
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        {!! Form::model($trade, ['route' => ['trades.update', collect($trade)->first() ], 'method' => 'patch']) !!}


                        <div class="row">
                            <!-- Name Field -->
                            <div class="form-group col-sm-12">
                                {!! Form::label('name', 'Title:') !!}
                                {!! Form::text('title', null, ['class' => 'form-control']) !!}
                            </div>

                            <div class="form-group col-sm-6">
                                {!! Form::label('name', 'Order:') !!}
                                {!! Form::text('order_id', null, ['class' => 'form-control']) !!}
                            </div>
                        </div>

                        <div class="row">
                            <!-- Submit Field -->
                            <div class="form-group col-sm-6 text-center">
                                {!! Form::submit('Save', ['class' => 'btn btn-primary']) !!}
                                <a href="{!! route('trades.index') !!}" class="btn btn-warning">Cancel</a>
                            </div>
                        </div>

                        {!! Form::close() !!}

                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

<script type="text/javascript" language="javascript" src= {{ asset("plugins/jQuery/jquery-2.2.3.min.js")}} ></script>
<script type="text/javascript" language="javascript" src= {{ asset("plugins/datatables/jquery.dataTables.js")}} ></script>
<script type="text/javascript" language="javascript" src= {{ asset("plugins/datatables/dataTables.bootstrap.js")}} ></script>
<script>
    $( document ).ready(function() {

        $(function () {
            $('#example2').DataTable({
                'paging'      : true,
                'lengthChange': false,
                'searching'   : false,
                'ordering'    : true,
                'info'        : true,
                'autoWidth'   : false
            })
        });

    });



</script>