@extends('layouts.app')
@section('content')
@include('flash::message')
  @if (session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
@endif
<div class="container border border-light">
  <h3 class="p-4"> إضافة صور للشقة   ( {{$tblPropertyApartment->name}})</h3>
  <br>
  <form action="{{ route('tblPropertyPictures.storeApartmentsPicture') }}" method="POST" enctype="multipart/form-data">
    @csrf
    <div class="input-group mb-3 px-2 py-2 rounded-pill  shadow-sm ">
               <input  type="hidden"   name="id" value="{{$tblPropertyApartment->id}}">
                <input id="upload" type="file"  class="form-control border-0" name="images[]" multiple>
                <label id="upload-label" for="upload" class="font-weight-light text-muted">Choose file</label>
                <div class="input-group-append">
                    <label for="upload" class="btn btn-light m-0 rounded-pill px-4"> <i class="fa fa-cloud-upload mr-2 text-muted"></i><small class="text-uppercase font-weight-bold text-muted">Choose file</small></label>
                </div>
    </div>
       <!-- Uploaded image area-->
       <p class="font-italic text-black text-center">يمكنك إضافة أكثر من صورة في مرة واحدة</p>
       <div class="row m-4">
       <button type="submit" class="col-12 btn btn-primary">حفــظ</button>
      </div>
      <div class="row m-4">
       <a class="col-12 btn btn-primary" href="{{ route('tblPropertyApartments.show', $tblPropertyApartment->id) }}" >الرجوع</a>
      </div>
  </form>
</div>
@endsection