<div class="thumbnail">
    <h1>後台管理</h1>
    <div class="row justify-content-center">
        <form class="col-8" action="{{route('container_create')}}" method="post">
        <input type = "hidden" name = "_token" value = "<?php echo csrf_token(); ?>">
            <div class="form-group row">
                <label for="inputEmail3" class="col-sm-2 col-form-label">模組名稱</label>
                <div class="col-sm-10">
                    <input name="module_name" pattern="^[a-zA-Z0-9]{3,}$" class="form-control" type="text" placeholder="請輸入英文或數字共3個字以上" class="input-large" required="">
                </div>
            </div>
            <div class="form-group row">
                <label for="inputEmail3" class="col-sm-2 col-form-label">來源串流</label>
                <div class="col-sm-10">
                    <select class="form-control" id="exampleFormControlSelect1" name="origin_stream">
                    @foreach($total_stream as $stream)
                        <option>{{$stream['path']}}</option>
                    @endforeach
                    </select>
                </div>
            </div>
            <div class="form-group row">
                <label for="inputEmail3" class="col-sm-2 col-form-label">目的串流</label>
                <div class="col-sm-10">
                <input name="dis_stream" class="form-control" type="text" placeholder="請輸入英文或數字共3個字以上" class="input-large" value="rtsp://192.168.5.208:554/test" required="">
                </div>
            </div>
            <div class="form-group row">
                <label for="inputPassword3" class="col-sm-2 col-form-label">辨識模組</label>
                <div class="col-sm-10">
                    <select class="form-control" id="exampleFormControlSelect1" name="identify_module">
                    @foreach($docker_tag as $tag)
                        <option>{{$tag['RepoTags'][0]}}</option>
                    @endforeach
                    </select>
                </div>
            </div>
            <div class="form-group row">
                <label for="inputPassword3" class="col-sm-2 col-form-label">辨識範圍</label>
                <div class="col-sm-10">
                    <div class="custom-file">
                        <input type="file" class="custom-file-input" id="validatedCustomFile" name="identify_area" >
                        <label class="custom-file-label" for="validatedCustomFile">Choose file...</label>
                        <div class="invalid-feedback">Example invalid custom file feedback</div>
                    </div>
                </div>
            </div>
                          
            <div class="form-group row">
                <label for="inputPassword3" class="col-sm-2 col-form-label">辨識模組</label>
                <div class="col-sm-10">
                    <div class="custom-file">
                        <input type="file" class="custom-file-input" id="validatedCustomFile">
                        <label class="custom-file-label" for="validatedCustomFile">Choose file...</label>
                        <div class="invalid-feedback">Example invalid custom file feedback</div>
                    </div>
                </div>
            </div>
            
            <div class="form-group row">
                <label for="inputPassword3" class="col-sm-2 col-form-label">是否輸出</label>
                  <div class="col-sm-10">
                    <div class="form-check form-check-inline">
                        <div class="custom-control custom-radio custom-control-inline">
                          <input type="radio" class="custom-control-input" id="customRadio3" name="example">
                          <label class="custom-control-label" for="customRadio3">是</label>
                        </div>
                    <div class="form-check form-check-inline">
                        <div class="custom-control custom-radio custom-control-inline">
                          <input type="radio" class="custom-control-input" id="customRadio4" name="example" checked="">
                          <label class="custom-control-label" for="customRadio4">否</label>
                        </div>
                    </div>
                    </div>
                  </div>
            </div>

            <div class="form-group row">
                <label for="inputPassword3" class="col-sm-2 col-form-label">是否啟動</label>
                <div class="col-sm-10">
                    <div class="form-check form-check-inline">
                        <div class="custom-control custom-radio custom-control-inline">
                            <input type="radio" class="custom-control-input" id="customRadio" name="radio_start" value="Y">
                            <label class="custom-control-label" for="customRadio">是</label>
                        </div>
                    <div class="form-check form-check-inline">
                        <div class="custom-control custom-radio custom-control-inline">
                            <input type="radio" class="custom-control-input" id="customRadio1" name="radio_start" checked="" value="N">
                            <label class="custom-control-label" for="customRadio1">否</label>
                        </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="text-align:center">
                <button  type="submit" class="btn btn-primary">新增</button>
                <button type="reset" class="btn btn-primary">取消</button>
            </div>
        </form>
    </div>
</div>