@extends('layouts.adminpages')

@section('content')
    <div class="content row">
        <div class="col-md-12">
            <div class="title-page">
                Registrar Facturas
            </div>
        </div>
        <div class="col-md-12">
            @if (session('status'))
                <div class="alert alert-success">
                    {{ session('status') }}
                </div>
            @endif
        </div>
        <div class="col-md-5">
            <form class="add-bill" action="{{ url('bills/save') }}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="col-md-12 mb-2">
                        <h5 class="text-center">Sube tu factura</h5>
                    </div>
                    <div class="col-md-12">
                        @if (count($errors->all()))
                            <div class="alert alert-danger">
                                @foreach ($errors->all() as $error)
                                    <p>
                                        <span class="help-block">
                                            <strong>{{ $error }}</strong>
                                        </span>
                                    </p>
                                @endforeach
                            </div>
                        @endif
                    </div>
                    <div class="col-md-12">
                        <br>
                    </div>
                    {{-- <div class="col-md-12 form-group">
                        <label for="">Tienda <span class="text-red-700">*</span> </label>
                        <select class="form-control" name="shop_id" required>
                            <option value="" selected disabled>Seleccione una opción</option>
                            @foreach ($shops as $item)
                                <option value="{{ $item->id }}">{{ $item->name }}</option>
                            @endforeach
                        </select>
                    </div> --}}
                    <div class="col-md-7 form-group">
                        <label for="">Número factura <span class="text-red-700">*</span>
                            <span class="badge badge-success bgcolorOrange" data-toggle="tooltip" data-placement="top"
                                title="El número se encuentra en la parte superior de la factura. Ej: BT-102030">?</span>
                        </label>
                        <div class="row">
                            <div class="col-md-4">
                                <input type="text" name="code" value="{{ old('code') }}" class="form-control"
                                    required>
                                <input type="hidden" name="user_id" value="{{ $user_id }}">
                            </div>
                            <div class="col-md-8 paddingLeft0">
                                <input type="number" name="plus_code" value="{{ old('plus_code') }}" class="form-control"
                                    required>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5 form-group">
                        <label for="">Valor <span class="text-red-700">*</span>
                            <span class="badge badge-success bgcolorOrange" data-toggle="tooltip" data-placement="top"
                                title="El número que ingreses no debe contener ningún signo de puntuación. Ej: 50000">?</span>
                        </label>
                        <input type="number" name="value" class="form-control" value="{{ old('value') }}" required>
                    </div>
                    <div class="col-md-12 form-group">
                        <label for="">Fecha factura <span class="text-red-700">*</span> </label>
                        <div class="row">
                            <div class="col-md-4">
                                <input type="number" name="day" placeholder="DD" value="{{ old('day') }}"
                                    class="form-control" required>
                            </div>
                            <div class="col-md-3 padding0">
                                <input type="number" name="month" placeholder="MM" value="{{ old('month') }}"
                                    class="form-control" required>
                            </div>
                            <div class="col-md-5">
                                <input type="number" name="year" placeholder="YYYY" value="{{ old('year') }}"
                                    class="form-control" required>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 form-group">
                        <label for="">Foto factura <span class="text-red-700">*</span> </label>
                        <input type="file" name="photo" class="form-control" required>
                    </div>
                    <div class="col-md-12 text-center form-group">
                        <button type="submit" class="btn-success btn">SUBIR FACTURA</button>
                    </div>
                </div>
            </form>
        </div>
        <div class="col-md-7">
            <table class="table">
                <thead>
                    <tr>
                        <th>No. Factura</th>
                        <th>Valor</th>
                        <th>Fecha Factura</th>
                        <th>Tienda</th>
                        <th>Estado</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($bills as $item)
                        <tr>
                            <td><a href="{{ asset('storage/' . $item->image) }}" target="_blank">{{ $item->number }}</a>
                            </td>
                            <td>$ {{ number_format($item->value, 0, ',', '.') }}</td>
                            <td>{{ $item->date }}</td>
                            <td>{{ str_limit($item->shop->name, 10) }}</td>
                            <td>
                                @if ($item->status == 0)
                                    Pendiente
                                @endif
                                @if ($item->status == 1)
                                    Aprobada
                                @endif
                                @if ($item->status == 2)
                                    Rechazada
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            <div class="col-md-12 text-center">
                {{ $bills->links() }}
            </div>
        </div>
        <div class="col-md-12">
            <div class="footer-page"></div>
        </div>
    </div>
@endsection

@section('scripts')
    <script type="text/javascript"></script>
@endsection