@extends('adminlte::page')

@section('title', 'Monturas Pendientes')

@section('content_header')
    <h1>Monturas Pendientes</h1>
@stop

@section('content')
    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-body">
                    <form action="{{route('verifyframes.store')}}" method="POST" class="form-search-frames">
                        @csrf
                        <div class="row">
                            <div class="col-xl-12 col-lg-12">
                                <table class="table table-bordered">
                                    <thead class="thead-dark">
                                        <tr>
                                            <th>Sucursal</th>
                                            <th>Total de Monturas</th>
                                            <th>Monturas Revisadas</th>
                                            <th>Monturas Pendientes</th>
                                            <th>Usuario</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>{{$branch->name}}</td>
                                            <td><span class="alert alert-secondary p-2"><b>{{$frames->count()}}</b></span></td>
                                            <td><span class="alert alert-success p-2"><b>{{$detailsframes->count()}}</b></span></td>
                                            <td><span class="alert alert-warning p-2"><b>{{$pendingframes->count()}}</b></span></td>
                                            <td>{{$user->person->namesConcatenate}}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xl-12 col-lg-12">
                                <table class="table table-bordered table-striped table-hover table-list table-sm">
                                    <thead class="thead-dark">
                                        <tr>
                                            <th width="50">N</th>
                                            <th>Marca</th>
                                            <th>Tipo de Montura</th>
                                            <th>Código</th>
                                            <th>Medidas</th>
                                            <th>Color</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($pendingframes as $frame)
                                        <tr>
                                            <td class="text-right">{{$loop->iteration}}</td>
                                            <td>{{$frame->brand->name}}</td>
                                            <td>{{$frame->frameType->name}}</td>
                                            <td>{{$frame->code}}</td>
                                            <td>{{$frame->size}}</td>
                                            <td>{{$frame->color}}</td>
                                            <td></td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </form>
                    
            </div>
            </div>
        </div>

    </div>
@stop

@section('css')

@stop

@section('js')
<script>

</script>
@stop