@extends('layouts.app')
@section('content')
    <div class="container">
        <div class="card">
            <div class="card-header">
                Upload de lista de itens
            </div>
            <form method="POST" action="{{ route('upload.store') }}" enctype="multipart/form-data" class="col-md-10" style="margin: 20px auto;">
                @csrf
                <div class="form-group row">
                    <label class="col-sm-3 col-form-label text-md-right">selecione a loja</label>

                    <div class="col-md-9">
                        <select name="client" id="client" class="form-control m-bot15">
                            @foreach ($clients as $client)
                                <option value="{{ $client->id }}" class="drop-down"> {{ $client->name }} </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group row elements">
                    <label class="col-sm-3 col-form-label text-md-right">selecione a lista</label>

                    <div class="col-md-9">
                        <label for="list" class="btn btn-primary btn-sm" style="width:100px;">upload</label>
                        <input id="list" type="file" name="list" accept="txt" hidden required>
                        <span id="file-name"></span>
                    </div>
                </div>
                <button type="submit" class="btn btn-primary btn-sm float-right">Enviar</button>
            </form>
        </div>
    </div>
    <script>
        $('input[name="list"]').change(function() {
          let text = $(this).val()
          $("#file-name").text(text.replace(/C:\\fakepath\\/, ''));
        })
    </script>
@endsection