@extends('admin.footer')
@section('content')
<div class="container-fluid">
  <div class="row">
    <!-- left column -->
    <div class="col-md-12">
      <!-- general form elements -->
      <div class="card card-secondary">
        <div class="card-header">
          <h3 class="card-title">Modifier une région</h3>
        </div>
        <!-- /.card-header -->
        <!-- form start -->
        <form action="/modifier-region/{{$region->id}}" method="POST">
          @csrf
          <div class="card-body">
            <div class="form-group">
              <label for="exampleInputEmail1">Titre</label>
              <input type="text" name="nom" value="{{$region->nom}}" class="form-control form-control-lg"
                id="exampleInputEmail1" placeholder="Titre de la création" required>
            </div>
            <div class="form-group">
              <img src="{{asset('/storage/public/images/'.$region->image_url)}}" alt="Image"
                style="width: 70px; height:70px; margin-bottom:5px;"> <br>
              <label for="exampleInputFile">Une image de la région</label>
              <div class="input-group">
                <div class="custom-file">
                  <input type="file" name="image_url" value="{{$region->image_url}}" class="custom-file-input"
                    id="exampleInputFile">
                  <label class="custom-file-label" for="exampleInputFile">Image au format ... (moins de 2MB)</label>
                </div>
              </div>
            </div>
            <div class="form-group">
              <label for="exampleInputPassword1">Description</label>
              <textarea class="form-control" name="description" rows="3" placeholder="Description"
                required>{{$region->description}}</textarea>
            </div>
          </div>
          <!-- /.card-body -->
          <div class="card-footer">
            <button type="submit" value="submit" name="submit" class="btn btn-primary">Modifier</button>
          </div>
        </form>
      </div>
      <!-- /.card -->
    </div>
  </div>
</div>
@endsection