@extends('layouts.app')

@section('pagetitle', 'Upload 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"><a href="{{route('admin.bootloader.index')}}">Firmware</a></li>
        <li class="breadcrumb-item active">@yield('pagetitle')</li>
    </ol>
@endsection

@section('content')

    <section class="content">
        <a href="{{route('admin.bootloader.index')}}" class="ml-2 m-2 btn btn-primary"><i
                    class="fa fa-arrow-left"></i> {{__('Back')}}</a>
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">{{__("Upload firmware file")}}</h3>

                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">
                            <form enctype="multipart/form-data" action="{{route('admin.bootloader.storefirmware')}}" method="post">
                                @csrf

                                <div class="form-group">
                                    <label for="type">{{__('Type')}}</label>
                                    <select name="type" class="form-control select2">
                                        <option value="master">Master firmware</option>
                                        <option value="slave">Slave firmware</option>
                                    </select>
                                    @error('type')
                                    <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="fwfile">Firmware file</label>
                                    <div class="input-group">
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" name="fwfile" id="fwfile">
                                            <label id="fwfile-label" class="custom-file-label" for="logo">Choose file</label>
                                        </div>
                                    </div>
                                    @error('fwfile')
                                    <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="version">{{__('Version')}}</label>
                                    <input type="text" class="form-control" name="version">
                                    @error('version')
                                    <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="comment">{{__('Comment (optional)')}}</label>
                                    <input type="text" class="form-control" name="comment">
                                    @error('comment')
                                    <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                                <button class="btn btn-primary" type="submit"><i class="fa fa-upload"></i> Upload</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>




@endsection

@section('page_js')

    <script>
        $(document).ready(function () {

            $(".custom-file-input").change(function () {

                var file = $(this)[0].files[0];
                var filename = file.name;

                $(this).siblings('label').html(filename);
            })

        });
    </script>
@endsection