@extends('layouts.app')
@section('css')
  <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/css/bootstrap-datepicker.css" rel="stylesheet">
@endsection

@section('breadcrumb')
    <ol class="breadcrumb">
        <li><a href="/">Inicio</a></li>
        <li><a href="{{route('orders.index')}}">Órdenes</a></li>
        <li class="active">Importar lista de acreditables</li>
    </ol>
@endsection

@section('header')
    <div class="page-header mt-10">
        <h1><i class="fa fa-download" aria-hidden="true"></i> Cargar lista de acreditables</h1>
    </div>
@endsection

@section('content')
    @include('error')

    <div class="row">
        <div class="col-md-12">

            @if(Session::has('success'))
                <div class="alert-box success">
                    <h2>{!! Session::get('success') !!}</h2>
                </div>
            @endif

            <form action="{{ route('creditables.postupload') }}" method="POST" enctype="multipart/form-data">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">

                <div class="form-group @if($errors->has('file')) has-error @endif">
                    <label for="file-field">Cargar archivo</label>
                    <input type="file" name="file" class="form-control">
                    @if($errors->has("file"))
                        <span class="help-block">{{ $errors->first("file") }}</span>
                    @endif
                </div>

                <div class="form-group @if($errors->first('name')) has-error @endif">
                    <label for="name-field">Nombre de la orden</label>
                    <input type="text" name="name" class="form-control" required>
                    @if($errors->has("name"))
                        <small class="help-block">{{ $errors->first('name') }}</small>
                    @endif
                </div>

                <div class="clearfix">
                    <!-- <a class="btn btn-link pull-right" href="{{ route('orders.index') }}"><i class="fa fa-arrow-left" aria-hidden="true"></i> Órdenes</a> -->
                    <button type="submit" class="btn btn-primary  pull-right">Cargar lista</button>
                </div>
            </form>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <h3>Descargar Layout</h3>
            <p>El archivo que se descargará funciona como base para poder importar más datos. El orden de las columnas <strong>es importante</strong>.</p>
            <div class="btn-toolbar text-right">
                <a class="btn btn-success btn-outline" href="{{ route('creditables.download') }}"><i class="fa fa-plus-circle" aria-hidden="true"></i> Descargar Layout XLS</a>
            </div>
        </div>
    </div>

@endsection