@extends('layouts.app')

@section('content')

    <!-- Start Status area -->
    <div class="notika-status-area">
        <div class="container">
                    
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="breadcomb-list">
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <div class="breadcomb-wp">
                                    <div class="breadcomb-icon">
                                        <i class="fas fa-tools"></i>
                                    </div>
                                    <div class="breadcomb-ctn">
                                        <h2>Reparciones y/o Mantenimientos</h2>
                                        <p>Módulo de Reparciones y/o Mantenimientos.</span></p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-3">
                                <div class="breadcomb-report">
                                    <button data-toggle="tooltip" data-placement="left" title="" class="btn waves-effect" onclick="window.print();" data-original-title="Imprimir">
                                        <i class="notika-icon notika-print"></i>
                                    </button>
                                    <button data-toggle="tooltip" data-placement="left" title="" class="btn waves-effect" data-original-title="Descargar informe">
                                        <i class="notika-icon notika-sent"></i>
                                    </button>
                                    <button data-toggle="tooltip" data-placement="left" title="" class="btn waves-effect"  onclick="window.location='{{ url('reparaciones/create') }}'" data-original-title="Crear nueva orden">
                                        <i class="notika-icon notika-sent"></i> Crear Orden 
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>            
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">                    
                    <div class="color-single nk-green">
                        <div class="notika-shadow sm-res-mg-t-30 tb-res-mg-t-30">
                            <div class="row">
                                <div class="col-sm-8">
                                    <h3>EQUIPOS REPARADOS</h3>    
                                </div>     
                                <div class="col-sm-4">
                                    <h2 style="font-size: 50px;">{{ $deviceSolut }}</h2> 
                                </div>                    
                            </div>
                        </div>  
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">                    
                    <div class="color-single nk-orange">
                        <div class="notika-shadow sm-res-mg-t-30 tb-res-mg-t-30">
                            <div class="row">
                                <div class="col-sm-8">
                                    <h3>EQUIPOS EN ESPERA</h3>    
                                </div>     
                                <div class="col-sm-4">
                                    <h2 style="font-size: 50px;">{{ $devPending }}</h2> 
                                </div>              
                            </div>
                        </div>  
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">                    
                    <div class="color-single nk-indigo">
                        <div class="notika-shadow sm-res-mg-t-30 tb-res-mg-t-30">
                            <div class="row">
                                <div class="col-sm-8">
                                    <h3>EQUIPOS EN PROCESOS</h3>    
                                </div>     
                                <div class="col-sm-4">
                                    <h2 style="font-size: 50px;">{{ $devProcess }}</h2> 
                                </div>              
                            </div>
                        </div>  
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">                    
                    <div class="color-single nk-red">
                        <div class="notika-shadow sm-res-mg-t-30 tb-res-mg-t-30">
                            <div class="row">
                                <div class="col-sm-8">
                                    <h3>EQUIPOS EXCLUIDOS</h3>    
                                </div>     
                                <div class="col-sm-4">
                                    <h2 style="font-size: 50px;">{{ $devExc }}</h2> 
                                </div>                    
                            </div>
                        </div>  
                    </div>
                </div>
            </div>            
        </div>
    </div>
    <!-- End Status area-->

    <!-- Tablas master de reparaciones -->
    <div class="notika-email-post-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="data-table-list">
                        <div class="basic-tb-hd">
                            <h2>Listados de Reparaciones</h2>
                        </div>
                        <div class="table-responsive">  
                            <div id="data-table-basic_wrapper" class="dataTables_wrapper">
                                <table id="data-table-basic" class="table table-striped dataTable" role="grid" aria-describedby="data-table-basic_info">
                                    <thead>
                                        <tr role="row">
                                            <th class="sorting_asc" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" aria-sort="descending" style="width: 9%;">#</th>
                                            <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" style="width: 20%;">Equipo</th>
                                            <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" style="width: 15%;">Cliente</th>
                                            <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" style="width: 10%;">Estado</th>
                                            <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" style="width: 20%;">Observaciones</th>
                                            <!--
                                            <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" style="width: 15%;">Técnico</th>
                                            -->
                                            <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" style="width: 10%;">Fecha</th>
                                            <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" style="width: 16%;">Acciones</th>
                                        </tr>
                                    </thead>
                                    <tbody> 
                                        @foreach ($reparaciones as $datos)
                            
                                            <tr role="row" class="odd">
                                                <td class="sorting_1">{{ sprintf("RM-%'.05d", $datos->id) }}</td>
                                                <td>{{ $datos->equipo }} {{ $datos->marca }} {{ $datos->modelo }}</td>
                                                <td>{{ $datos->cliente }}</td>
                                                <td>{{ $datos->estado }}</td>
                                                
                                                <td>{{ $datos->observaciones }}</td>
                                                <!--
                                                <td>
                                                    @if(!empty($datos->tecnicoasig))
                                                        @php $tecnico = DB::select('SELECT name FROM users WHERE id = '.$datos->tecnicoasig); @endphp
                                                        @foreach($tecnico as $tec)
                                                            {{ $tec->name }}
                                                        @endforeach
                                                    @endif
                                                </td>
                                                -->
                                                <td>{{ \Carbon\Carbon::parse($datos->fecha)->format('d/m/Y')}} </td>
                                                <td >
                                                    <form method="post" action="{{ url('reparaciones/'.$datos->id) }}">
                                                        <div class="btn-group notika-group-btn">
                                                            <form method="post" action="{{ url('reparaciones/'.$datos->id) }}">
                                                                <button type="button" class="btn btn-default notika-gp-default waves-effect" onclick="location.href='{{ url('reparaciones/'.$datos->id) }}';"> <i class="far fa-eye"></i> </button>
                                                                <button type="button" class="btn btn-default notika-gp-default waves-effect" onclick="window.open('{{ url('pdf/mantenimiento/'.$datos->id) }}', '_blank')"> <i class="fas fa-print"></i> </button>
                                                            <button type="button" class="btn btn0-default notika-gp-default waves-effect" onclick="location.href='{{ url('reparaciones/'.$datos->id.'/edit') }}';"> <i class="fas fa-pencil-alt"></i> </button> 
                                                            @csrf
                                                            {{ method_field('DELETE') }}
                                                            <button class="btn btn-default notika-gp-default waves-effect" onclick="return confirm('Estas Seguro de querer eliminarlo?');"> <i class="fas fa-trash-alt"></i> </button>
                                                        </div>
                                                    </form>                                                                                            
                                                </td>
                                            </tr>
    
                                        @endforeach
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <th rowspan="1" colspan="1">#</th>
                                            <th rowspan="1" colspan="1">Equipo</th>
                                            <th rowspan="1" colspan="1">Cliente</th>
                                            <th rowspan="1" colspan="1">Estado</th>
                                            <th rowspan="1" colspan="1">Observaciones</th>
                                            <!--
                                            <th rowspan="1" colspan="1">Técnico</th>
                                            -->
                                            <th rowspan="1" colspan="1">Fecha</th>
                                            <th rowspan="1" colspan="1">Acciones</th>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Tablas master de reparaciones -->

@endsection