@extends('ATCore::atcore_layout')


@section('head_buttons')
<div class="btn-group">
    @if ($parentObject)
        <a href="{{ route($parentRouteName.'.index') }}" class="btn btn-default"><i class="far fa-arrow-alt-circle-left"></i></a>
        @if (!$disableAddButton)
        <a href="{{ route($routeName.'.create') }}?{{$parentForeignKey}}={{$parentObject->id}}" class="btn btn-primary">{{ $createNewName }}</a>
        @endif
    @elseif (!isset($parentForeignKey) && !$disableAddButton)
        <a href="{{ route($routeName.'.create') }}" class="btn btn-primary">{{ $createNewName }}</a>
    @endif

    @if ($enableExcelImport)
        <button class="btn btn-success" onclick="importFromExcel({{$parentObject->id}})"><i class="far fa-file-excel"></i> Importar desde Excel</button>
    @endif
    @if ($extraButtons)
    @foreach ($extraButtons as $eb)
    <a @if (isset($eb['href'])) href="{{$eb['href']}}/{{$parentObject->id}}" @endif @if (isset($eb['target'])) target="{{$eb['target']}}" @endif  class="btn {{$eb['class']}}" @if (isset($eb['onclick'])) onclick="{{$eb['onclick']}}" @endif>@if(isset($eb['icon']) && $eb['icon'])<i class="{{$eb['icon']}} mr-1"></i>@endif {{$eb['text']}}</a>
    @endforeach
    @endif
</div>
@stop

@section('atplus_main_content')
@if ($parentObject)
@if (isset($useATCrudParent) && $useATCrudParent == true)
@include('ATCore::atplus_crud.crud_parent')
@else
@include($bladePath.'/parent')
@endif
@endif

@if (false && $enableExcelImport)
<form method="POST" action="{{ route($routeName.'.import_excel') }}" enctype="multipart/form-data">
    @csrf
    @if ($parentObject)
    <input type="text" name="{{$parentForeignKey}}" value="{{$parentObject->id}}">
    @endif
    <input type="file" name="excelFile">
    <input type="submit" value="submit">
</form>
@endif

<div class="card">
    <div class="card-header">
        <form method="GET" action='{{ request()->url() }}' autocomplete="off">
            <div class="input-group input-group-sm float-right" style="width: 150px;">
                @if ($parentObject)
                <input type="hidden" name="{{$parentForeignKey}}" value="{{$parentObject->id}}">
                @endif
                <input type="text" name="{{ $table }}_table_search" class="form-control float-right" placeholder="Buscar" value="{{ session($table.'_table_search') }}">

                <div class="input-group-append">
                    <button type="submit" class="btn btn-default"><i class="fas fa-search"></i></button>
                </div>
            </div>
        </form>

        <form method='get' id='form-limit-paging' style="display:inline-block" action='{{ request()->url() }}'>
            <div class="input-group input-group-sm" style="width: 60px;">
                <select onchange="$('#form-limit-paging').submit()" name='limit' style="width: 56px;" class='form-control input-sm'>
                    <option {{(request('limit') && request('limit')==10)?'selected':''}} value='10'>10</option>
                    <option {{(request('limit') && request('limit')==20)?'selected':''}} value='20'>20</option>
                    <option {{(request('limit') && request('limit')==25)?'selected':''}} value='25'>25</option>
                    <option {{(request('limit') && request('limit')==50)?'selected':''}} value='50'>50</option>
                    <option {{(request('limit') && request('limit')==100)?'selected':''}} value='100'>100</option>
                    <option {{(request('limit') && request('limit')==200)?'selected':''}} value='200'>200</option>
                </select>
            </div>
        </form>
    </div>
    <!-- /.card-header -->
    <div class="card-body table-responsive p-0">
        <table class="table table-hover text-nowrap">
            <thead class="thead-dark">
                <tr>
                    @foreach ($columns as $colInput)
                    <th width="auto">
                        @if ($colInput->getId() == "id")
                            <a title="Clic para ordenar  {{ (request($table.'_order_sort')=='asc' || session($table.'_order_sort')=='asc')?'asc':'desc' }} por {{ $colInput->getLabel() }}" style="color:white" href="{{ request()->fullUrlWithQuery([$table.'_order_by'=>$colInput->getId(),$table.'_order_sort'=>((request($table.'_order_sort')=='desc' || session($table.'_order_sort')=='desc')?'asc':'desc') ]) }}">
                        @elseif ($colInput->getType() == 'image')
                            <a style="color:white" href="#">
                        @else
                            <a title="Clic para ordenar  {{ (request($table.'_order_sort')=='asc' || session($table.'_order_sort')=='asc')?'asc':'desc' }} por {{ $colInput->getLabel() }}" style="color:white" href="{{ request()->fullUrlWithQuery([$table.'_order_by'=>$colInput->getId(),$table.'_order_sort'=>((request($table.'_order_sort')=='asc' || session($table.'_order_sort')=='asc')?'desc':'asc') ]) }}">
                        @endif

                        {{ $colInput->getLabel() }}
                        @if((request($table.'_order_by')== $colInput->getId() || session($table.'_order_by') == $colInput->getId()) && $colInput->getId() != 'image')
                            <i class="pull-right fa fa-arrow-circle-{{ (request($table.'_order_sort')=='asc' || session($table.'_order_sort')=='asc')?'up':'down' }}"></i>
                        @endif
                        </a>
                    </th>
                    @endforeach

                    <th style="width:100px"></th>
                </tr>
            </thead>
            <tbody>
                @if (sizeof($result) < 1)
                <tr>
                    <td colspan="{{ sizeof($columns)+1 }}" style="text-align: center">NO EXISTEN DATOS PARA MOSTRAR</td>
                </tr>
                @endif
                @foreach($result as $row)
                <tr>
                    @foreach ($columns as $colInput)

                    @if ($colInput->getType() == 'image')
                    <td><img src="{{ $row->getFirstMedia()->getUrl() }}"  width="100px"></td>
                    @else
                    <td>{{ $row->getNestedProperty($colInput->getId()) }}</td>
                    @endif
                    @endforeach
                    <td style="text-align: right">
                        @if ($addChildrenButton)
                        <a class="btn btn-secondary btn-sm" href="{{ $addChildrenButton[2] }}={{$row->id}}"><i class="{{$addChildrenButton[1]}}"></i>&nbsp;&nbsp;{{$addChildrenButton[0]}}&nbsp;&nbsp;<span class="badge badge-success right">{{ $row->countChilds() }}</span></a>
                        @endif

                        @if (!$disableViewButton)
                        @if ($parentObject)
                        <a class="btn btn-secondary btn-sm" href="{{ route($routeName.'.show', $row->id) }}?{{$parentForeignKey}}={{$parentObject->id}}"><i class="fas fa-eye"></i></a>
                        @elseif (!isset($parentForeignKey))
                        <a class="btn btn-secondary btn-sm" href="{{ route($routeName.'.show', $row->id) }}"><i class="fas fa-eye"></i></a>
                        @endif
                        @endif

                        @if (!isset($disableActionsButtonsByStatus) ||  (isset($disableActionsButtonsByStatus) && (($disableActionsButtonsByStatus['operator'] == '>' && $row->status > $disableActionsButtonsByStatus['value']) || (($disableActionsButtonsByStatus['operator'] == '<' && $row->status < $disableActionsButtonsByStatus['value'])))))

                        @if (!$disableEditButton)
                        @if ($parentObject)
                        <a class="btn btn-info btn-sm" href="{{ route($routeName.'.edit', $row->id) }}?{{$parentForeignKey}}={{$parentObject->id}}"><i class="fas fa-pencil-alt"></i></a>
                        @elseif (!isset($parentForeignKey))
                        <a class="btn btn-info btn-sm" href="{{ route($routeName.'.edit', $row->id) }}"><i class="fas fa-pencil-alt"></i></a>
                        @endif
                        @endif

                        @if (!$disableDeleteButton)
                        <a class="btn btn-danger btn-sm skip" href="#" onclick="genericDelete('{{ route($routeName.'.delete',['id' => $row->id,'account_id' => $parentObject->id]) }}')"><i class="fas fa-trash"></i></a>
                        @endif

                        @endif
                    </td>
                </tr>
                @endforeach
            </tbody>

        </table>
    </div>

    <div class="card-footer clearfix">
        @if (sizeof($result) > 0 && sizeof($result->links()->getData()['elements'][0]) > 1)
        <span class="float-right">
        @if ($parentObject)
        {{ $result->withQueryString()->links() }}
        @elseif (!isset($parentForeignKey))
        {{ $result->links() }}
        @endif
        </span>
        @endif
        @if (sizeof($result) > 0 )
        <span class="float-left" style="padding: 10px 0;">
            Mostrando {{$result->count()}} registro(s) de {{$result->total()}}
        </span>
        @endif
    </div>
</div>



@stop

@section('css')
@stop

@section('js')
<script>


@if (session()->has('message'))
    toastr['{!! session('message_type') !!}']('{!! session('message') !!}')
@endif

@if (session()->has('message_alert'))
    toastr['error']('{!! session('message_alert') !!}')
@endif

async function extraAction(foreign_key_value, foreign_key_name, url , title, text, buttonText){
    Swal.fire({
        title: title,
        text: text,
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#28a745',
        cancelButtonColor: '#d33',
        confirmButtonText: buttonText,
        cancelButtonText: 'Cancelar'
    }).then((result) => {
        if (result.value) {
            console.log(url);
            let data = new FormData();
            data.append('_method', 'POST');
            data.append('_token', $('meta[name="csrf-token"]').attr('content'));
            data.append(foreign_key_name, foreign_key_value);

            axios.post(url, data)
            .then(function (response) {
                Swal.fire(
                'Acción realizada con éxito!',
                'El módulo se volverá a cargar.',
                'success'
                ).then(function (respo) {
                    location.reload();
                })
            })
            .catch(function (error) {
                console.log(error);
            });

        }
    });
    return false;
}


@if ($enableExcelImport)
async function importFromExcel(category_id){
    const { value: file } = await Swal.fire({
        title: 'Seleccionar archivo a importar',
        input: 'file',
        confirmButtonText: 'Importar',
        confirmButtonColor: '#218837',
        showCancelButton: true,
        cancelButtonText: 'Cancelar',
        cancelButtonColor: '#d33',
        inputAttributes: {
            'accept': '.xls,.xlsx',
            'aria-label': 'Upload your profile picture'
        }
    })

    if (file) {
        let settings = { headers: { 'content-type': 'multipart/form-data' } };
        let data = new FormData();
        data.append('excelFile', file);
        @if ($parentObject)
        data.append('{{$parentForeignKey}}', '{{$parentObject->id}}');
        @endif
        data.append('_token', $('meta[name="csrf-token"]').attr('content'));


        axios.post("{{ route($routeName.'.import_excel') }}", data, settings)



        .then(response => {
            if (response.data.message)
                toastr['error'](response.data.message)
            else
                location.reload();
        }).catch(response => {
            console.log(response)
        })
    }
}
@endif

async function addAttachment(foreign_key_value, foreign_key_name, url ){
    const { value: file } = await Swal.fire({
        title: 'Seleccionar archivo a adjuntar',
        input: 'file',
        confirmButtonText: 'Adjuntar',
        confirmButtonColor: '#218837',
        showCancelButton: true,
        cancelButtonText: 'Cancelar',
        cancelButtonColor: '#d33',
    })

    if (file) {
        let settings = { headers: { 'content-type': 'multipart/form-data' } };
        let data = new FormData();
        data.append('attachment', file);
        data.append(foreign_key_name, foreign_key_value);
        data.append('_token', $('meta[name="csrf-token"]').attr('content'));

        axios.post(url, data, settings)
        .then(response => {
            location.reload();
        }).catch(response => {
            console.log(response)
        })
    }
}


function genericDelete(url){
    console.log(url);
    Swal.fire({
        title: '¿Estás seguro?',
        text: "No será posible revertir esta acción!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#28a745',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Si, elminar!',
        cancelButtonText: 'Cancelar'
    }).then((result) => {
        if (result.value) {

            axios.post(url, {
                _method: 'DELETE',

                _token: $('meta[name="csrf-token"]').attr('content')
            })
            .then(function (response) {
                console.log(response);
                if (response.data.message_type == "success"){
                    Swal.fire(
                    'Desasociado!',
                    response.data.message,
                    'success'
                    ).then(function (respo) {
                        location.reload();
                    })
                }else{

                    Swal.fire(
                    'Alerta!',
                    response.data.message,
                    response.data.message_type
                    ).then(function (respo) {

                    })
                }


            })
            .catch(function (error) {
                console.log(error);
            });

        }
    });
    return false;
}
</script>
@stop