@extends('layouts.app')

@section('pagetitle', 'Firmware')

@section('breadcrumbs')
    <ol class="breadcrumb float-sm-right">
        <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
        <li class="breadcrumb-item active">Admin</li>
        <li class="breadcrumb-item active">@yield('pagetitle')</li>
    </ol>
@endsection

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

            <div class="col-12 mb-1">
                <a class="btn btn-primary" href="{{route('admin.bootloader.addfirmware')}}"><i
                            class="fa fa-upload"></i> {{__('Upload')}}</a>
            </div>
            <div class="col-12">
                <div class="card card-theme card-outline collapsed-card">
                    <div data-card-widget="collapse" class="card-header">
                        <h3 class="card-title">{{__("Master firmware files")}}</h3>
                        <div class="card-tools">
                            <!-- This will cause the card to maximize when clicked -->
                            <button type="button" class="btn btn-tool" data-card-widget="maximize"><i class="fas fa-expand"></i>
                            </button>
                            <!-- This will cause the card to collapse when clicked -->
                            <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-plus"></i>
                            </button>
                        </div>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <table class="datatable-init table table-striped w-100">
                            <thead class="">
                            <tr>
                                <th>#</th>
                                <th>{{__('Version')}}</th>
                                <th>{{__('Comment')}}</th>
                                <th>{{__('Active testing')}}</th>
                                <th>{{__('Active')}}</th>
                                <th data-sortOrder="none"></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($masterFirmwares as $masterFirmware)
                                <tr>
                                    <td>{{$masterFirmware->id}}</td>
                                    <td>{{$masterFirmware->version}}</td>
                                    <td>{{$masterFirmware->comment}}</td>

                                    <td>@if($masterFirmware->active_testing) <i class="text-success fa fa-check" ></i> @else <i class="text-danger fa fa-times" ></i> @endif</td>

                                    <td>@if($masterFirmware->active) <i class="text-success fa fa-check" ></i> @else <i class="text-danger fa fa-times" ></i> @endif</td>
                                    <td>
                                        <a href="{{route("admin.bootloader.downloadmaster", $masterFirmware)}}" class="btn btn-success"><i class="fa fa-file-download"></i>{{__('Download')}}</a>
                                        @if($masterFirmware->active_testing) <a href="{{route("admin.bootloader.deactivatemastertesting", $masterFirmware)}}" class="btn btn-warning"><i class="fa fa-ban"></i>{{__('Deactivate for testing')}}</a> @endif
                                        @if(!$masterFirmware->active_testing) <a href="{{route("admin.bootloader.activatemastertesting", $masterFirmware)}}" class="btn btn-success"><i class="fa fa-file-upload"></i>{{__('Activate for testing')}}</a> @endif
                                        @if($masterFirmware->active) <a href="{{route("admin.bootloader.deactivatemaster", $masterFirmware)}}" class="btn btn-warning"><i class="fa fa-ban"></i>{{__('Deactivate')}}</a> @endif
                                        @if(!$masterFirmware->active) <a href="{{route("admin.bootloader.activatemaster", $masterFirmware)}}" class="btn btn-success"><i class="fa fa-file-upload"></i>{{__('Activate')}}</a> @endif
                                        <a href="#" data-id="{{$masterFirmware->id}}" data-toggle="modal" data-target="#modal-delete-masterfirm" class="masterDelBtn btn btn-danger"><i class="fa fa-trash"></i> {{__('Delete')}}</a></td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="col-12">
                <div class="card card-theme card-outline collapsed-card">
                    <div data-card-widget="collapse" class="card-header">
                        <h3 class="card-title">{{__("Slave firmware files")}}</h3>
                        <div class="card-tools">
                            <!-- This will cause the card to maximize when clicked -->
                            <button type="button" class="btn btn-tool" data-card-widget="maximize"><i class="fas fa-expand"></i>
                            </button>
                            <!-- This will cause the card to collapse when clicked -->
                            <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-plus"></i>
                            </button>
                        </div>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <table class="datatable-init table table-striped w-100">
                            <thead class="">
                            <tr>
                                <th>#</th>
                                <th>{{__('Version')}}</th>
                                <th>{{__('Comment')}}</th>
                                <th>{{__('Active testing')}}</th>
                                <th>{{__('Active')}}</th>
                                <th data-sortOrder="none"></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($slaveFirmwares as $slaveFirmware)
                                <tr>
                                    <td>{{$slaveFirmware->id}}</td>
                                    <td>{{$slaveFirmware->version}}</td>
                                    <td>{{$slaveFirmware->comment}}</td>
                                    <td>@if($slaveFirmware->active_testing) <i class="text-success fa fa-check" ></i> @else <i class="text-danger fa fa-times" ></i> @endif</td>
                                    <td>@if($slaveFirmware->active) <i class="text-success fa fa-check" ></i> @else <i class="text-danger fa fa-times" ></i> @endif</td>
                                    <td><a href="{{route("admin.bootloader.downloadslave", $slaveFirmware)}}" class="btn btn-success"><i class="fa fa-file-download"></i>{{__('Download')}}</a>
                                        @if(!$slaveFirmware->active_testing) <a href="{{route("admin.bootloader.activateslavetesting", $slaveFirmware)}}" class="btn btn-success"><i class="fa fa-file-upload"></i>{{__('Activate for testing')}}</a> @endif
                                        @if($slaveFirmware->active_testing) <a href="{{route("admin.bootloader.deactivateslavetesting", $slaveFirmware)}}" class="btn btn-warning"><i class="fa fa-ban"></i>{{__('Deactivate for testing')}}</a> @endif
                                        @if(!$slaveFirmware->active) <a href="{{route("admin.bootloader.activateslave", $slaveFirmware)}}" class="btn btn-success"><i class="fa fa-file-upload"></i>{{__('Activate')}}</a> @endif
                                        @if($slaveFirmware->active) <a href="{{route("admin.bootloader.deactivateslave", $slaveFirmware)}}" class="btn btn-warning"><i class="fa fa-ban"></i>{{__('Deactivate')}}</a> @endif
                                        <a href="#" data-toggle="modal" data-id="{{$slaveFirmware->id}}" data-target="#modal-delete-slavefirm" class="slaveDelBtn btn btn-danger"><i class="fa fa-trash"></i> {{__('Delete')}}</a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <div class="modal fade" id="modal-delete-masterfirm" aria-modal="true" style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content bg-danger">
                <form id="masterfirmDelForm" action="{{route('admin.bootloader.deletemaster', ['masterFirmware' => "<ID>"])}}" method="POST">
                    @csrf
                    @method('delete')
                    <div class="modal-header">
                        <h4 class="modal-title">{{__('Delete master firmware')}}</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <p>{{ __("Are you sure?") }} {{ __("This can not be undone!") }}</p>
                    </div>
                    <div class="modal-footer justify-content-between">
                        <button type="button" class="btn btn-outline-light"
                                data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" class="btn btn-outline-light">{{__('Delete')}}</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade" id="modal-delete-slavefirm" aria-modal="true" style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content bg-danger">
                <form id="slavefirmDelForm" action="{{route('admin.bootloader.deleteslave', ['slaveFirmware' => "<ID>"])}}" method="POST">
                    @csrf
                    @method('delete')
                    <div class="modal-header">
                        <h4 class="modal-title">{{__('Delete slave firmware')}}</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <p>{{ __("Are you sure?") }} {{ __("This can not be undone!") }}</p>
                    </div>
                    <div class="modal-footer justify-content-between">
                        <button type="button" class="btn btn-outline-light"
                                data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" class="btn btn-outline-light">{{__('Delete')}}</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

@endsection

@section('page_js')

    <script>
        $(document).ready(function () {
            $('.masterDelBtn').click(function () {
                var fwid = $(this).attr('data-id');
                var baseDelUrl = "{{route('admin.bootloader.deletemaster', ['masterFirmware' => "<ID>"])}}"
                var delUrl = baseDelUrl.replace("%3CID%3E", fwid)
                $('#masterfirmDelForm').attr("action", delUrl)
            })

            $('.slaveDelBtn').click(function () {
                var fwid = $(this).attr('data-id');
                var baseDelUrl = "{{route('admin.bootloader.deleteslave', ['slaveFirmware' => "<ID>"])}}"
                var delUrl = baseDelUrl.replace("%3CID%3E", fwid)
                $('#slavefirmDelForm').attr("action", delUrl)
            })

            $('.datatable-init').DataTable(
                {
                    responsive: true,
                    language: {
                        url: '{{asset('/js/datatables_lang/' . app()->getLocale() . '.json')}}'
                    },
                    "order": [[ 1, "desc" ]],
                    'columnDefs': [
                        {
                            'targets': [0], /* column index */
                            responsivePriority: 2,
                        },
                        {
                            'targets': [1], /* column index */
                            responsivePriority: 1,
                        },
                        {
                            'targets': [2], /* column index */
                            responsivePriority: 2,
                        },
                        {
                            'targets': [3], /* column index */
                            'orderable': false, /* true or false */
                            responsivePriority: 1,
                        }]

                }
            );

        });
    </script>
@endsection