@extends('admin.layout')

@push('css')
   <link rel="stylesheet" href="{{ asset('css/areas.css') }}">
    
@endpush

@section('content')
    <div class="container">

        <br>
        <div class="row d-flex justify-content-between align-items-center">
            <div class="loader col-md-6">
            {{ __('SALIDAS DE LAS CUENTAS REGISTRADAS') }}

            </div >  
            
            
            <div class="text-right col-md-2">
                <a class="" href="#" data-toggle="modal" data-target="#ModalCambiarDolares">
                    <button class="button-create">
                        {{ __('CAMBIAR DOLARES A SOLES') }}
                    </button>
                       
                </a>
            </div>


            <div class="text-right col-md-2">
            <a class="" href="#" data-toggle="modal" data-target="#ModalDepositar">
                <button class="button-create">
                    {{ __('DEPOSITAR A CUENTA') }}
                </button>
                   
            </a>
            </div>

            <div class="text-right col-md-2">
                <a class="" href="#" data-toggle="modal" data-target="#ModalCreate">
                    <button class="button-create">
                        {{ __('REGISTRAR SALIDA DE LA CUENTA') }}
                    </button>
                       
                </a>
            </div>
            
        </div>
    
        <br>
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">

                    <div class=" d-flex justify-content-end">
                        <a href="#" class="button_export-excel" data-toggle="modal" data-target="#ModalExport">
                            <span class="button__text">
                                <svg
                                    fill="#fff"
                                    xmlns="http://www.w3.org/2000/svg"
                                    width="20"
                                    height="20"
                                    viewBox="0 0 50 50"
                                > 
                                <path
                                    d="M28.8125 .03125L.8125 5.34375C.339844 
                                    5.433594 0 5.863281 0 6.34375L0 43.65625C0 
                                    44.136719 .339844 44.566406 .8125 44.65625L28.8125 
                                    49.96875C28.875 49.980469 28.9375 50 29 50C29.230469 
                                    50 29.445313 49.929688 29.625 49.78125C29.855469 49.589844 
                                    30 49.296875 30 49L30 1C30 .703125 29.855469 .410156 29.625 
                                    .21875C29.394531 .0273438 29.105469 -.0234375 28.8125 .03125ZM32 
                                    6L32 13L34 13L34 15L32 15L32 20L34 20L34 22L32 22L32 27L34 27L34 
                                    29L32 29L32 35L34 35L34 37L32 37L32 44L47 44C48.101563 44 49 
                                    43.101563 49 42L49 8C49 6.898438 48.101563 6 47 6ZM36 13L44 
                                    13L44 15L36 15ZM6.6875 15.6875L11.8125 15.6875L14.5 21.28125C14.710938 
                                    21.722656 14.898438 22.265625 15.0625 22.875L15.09375 22.875C15.199219 
                                    22.511719 15.402344 21.941406 15.6875 21.21875L18.65625 15.6875L23.34375 
                                    15.6875L17.75 24.9375L23.5 34.375L18.53125 34.375L15.28125 
                                    28.28125C15.160156 28.054688 15.035156 27.636719 14.90625 
                                    27.03125L14.875 27.03125C14.8125 27.316406 14.664063 27.761719 
                                    14.4375 28.34375L11.1875 34.375L6.1875 34.375L12.15625 25.03125ZM36 
                                    20L44 20L44 22L36 22ZM36 27L44 27L44 29L36 29ZM36 35L44 35L44 37L36 37Z"
                                ></path>
                                </svg>
    
                                Descargar
                            </span>
                            <span class="button__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35" id="bdd05811-e15d-428c-bb53-8661459f9307" data-name="Layer 2" class="svg"><path d="M17.5,22.131a1.249,1.249,0,0,1-1.25-1.25V2.187a1.25,1.25,0,0,1,2.5,0V20.881A1.25,1.25,0,0,1,17.5,22.131Z"></path><path d="M17.5,22.693a3.189,3.189,0,0,1-2.262-.936L8.487,15.006a1.249,1.249,0,0,1,1.767-1.767l6.751,6.751a.7.7,0,0,0,.99,0l6.751-6.751a1.25,1.25,0,0,1,1.768,1.767l-6.752,6.751A3.191,3.191,0,0,1,17.5,22.693Z"></path><path d="M31.436,34.063H3.564A3.318,3.318,0,0,1,.25,30.749V22.011a1.25,1.25,0,0,1,2.5,0v8.738a.815.815,0,0,0,.814.814H31.436a.815.815,0,0,0,.814-.814V22.011a1.25,1.25,0,1,1,2.5,0v8.738A3.318,3.318,0,0,1,31.436,34.063Z"></path></svg></span>
                        </a>
                    </div>
                    
                    
                
                    <div class="card-body ">
                        
                        <table id="posiciones-table" class="table table-striped  ">
                            <thead>
                                <tr>
                                    <th scope="col">
                                        {{ __('ID') }}
                                    </th>
                                    <th scope="col">
                                        {{ __('MONTO') }}
                                    </th>                                 
                                    
                                    <th scope="col">
                                        {{ __('CUENTA') }}
                                    </th>  
                                    
                                    <th scope="col">
                                        {{ __('MOTIVO') }}
                                    </th>     
                                    
                                    <th scope="col">
                                        {{ __('DESCRIPCIÓN') }}
                                    </th>    
                                    
                                    <th scope="col">
                                        {{ __('ACCIÓN') }}
                                    </th>    
                            
                            
                                </tr>
                            </thead>

                            <tbody style="font-size: 13px">
                                @if (count($salidascuentas) > 0)
                                    @foreach ($salidascuentas as $salidacuenta)
                                        <tr >
                                            <td scope="row">
                                                {{ $salidacuenta->id }}
                                            </td>
                                          
                                            <td scope="row">
                                                {{ $salidacuenta->monto }}
                                            </td>

                                            <td scope="row">
                                                @if ($salidacuenta->cuenta)
                                                    {{ $salidacuenta->cuenta->nombre }}
                                                @endif
                                            </td>

                                            <td scope="row">
                                                @if ($salidacuenta->motivo)
                                                    {{ $salidacuenta->motivo->nombre }}
                                                @endif
                                            </td>


                                            <td scope="row">
                                                {{ $salidacuenta->descripcion }}
                                            </td>   

                                            <td class="d-flex items-align-center">
                                                <a href="{{ route('tssalidascuentas.printdoc', $salidacuenta->id) }}" class="btnprn" style="margin-left: 5px;">

                                                    <div class="printer">
                                                        <div class="paper">
    
                                                            <svg viewBox="0 0 8 8" class="svg">
                                                                <path fill="#0077FF" d="M6.28951 1.3867C6.91292 0.809799 7.00842 0 7.00842 0C7.00842 0 6.45246 0.602112 5.54326 0.602112C4.82505 0.602112 4.27655 0.596787 4.07703 0.595012L3.99644 0.594302C1.94904 0.594302 0.290039 2.25224 0.290039 4.29715C0.290039 6.34206 1.94975 8 3.99644 8C6.04312 8 7.70284 6.34206 7.70284 4.29715C7.70347 3.73662 7.57647 3.18331 7.33147 2.67916C7.08647 2.17502 6.7299 1.73327 6.2888 1.38741L6.28951 1.3867ZM3.99679 6.532C2.76133 6.532 1.75875 5.53084 1.75875 4.29609C1.75875 3.06133 2.76097 2.06018 3.99679 2.06018C4.06423 2.06014 4.13163 2.06311 4.1988 2.06905L4.2414 2.07367C4.25028 2.07438 4.26057 2.0758 4.27406 2.07651C4.81533 2.1436 5.31342 2.40616 5.67465 2.81479C6.03589 3.22342 6.23536 3.74997 6.23554 4.29538C6.23554 5.53084 5.23439 6.532 3.9975 6.532H3.99679Z"></path>
                                                                <path fill="#0055BB" d="M6.756 1.82386C6.19293 2.09 5.58359 2.24445 4.96173 2.27864C4.74513 2.17453 4.51296 2.10653 4.27441 2.07734C4.4718 2.09225 5.16906 2.07947 5.90892 1.66374C6.04642 1.58672 6.1743 1.49364 6.28986 1.38647C6.45751 1.51849 6.61346 1.6647 6.756 1.8235V1.82386Z"></path>
                                                            </svg>
    
                                                        </div>
                                                        <div class="dot"></div>
                                                        <div class="output">
                                                            <div class="paper-out"></div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </td>
                                                                               
                                        </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td colspan="9" class="text-center text-muted">
                                            {{ __('No hay datos disponibles') }}
                                        </td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>    
                         <!-- Pagination Links -->
                            <div class="d-flex justify-content-between">
                                <div>
                                    {{ $salidascuentas->links('pagination::bootstrap-4') }}
                                </div>
                                <div>
                                    Mostrando del {{ $salidascuentas->firstItem() }} al {{ $salidascuentas->lastItem() }} de {{ $salidascuentas->total() }} registros
                                </div>
                            </div>

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


    @include('tesoreria.salidascuentas.modal.create')






    @include('tesoreria.salidascuentas.modal.depositar')

    @include('tesoreria.salidascuentas.modal.cambiardolares')



    @include('tesoreria.salidascuentas.modal.export')



    @stop




@section('js')

    <script type="text/javascript" src="{{asset('js/jquery.printPage.js')}}"></script>
    <script type="text/javascript">
        $(document).ready(function(){
        $('.btnprn').printPage();
        
        });
    </script> 
    
        <script>
        @if (session('status'))
        Swal.fire('Éxito', '{{ session('status') }}', 'success');

           
        @elseif (session('error'))
        Swal.fire('Error', '{{ session('error') }}', 'error');
        @endif
        </script>
@stop