@csrf
<div class="form-group">
    <label class="form-control-label" for="name">{{ __('Provider Name') }}</label>
    <input type="text" name="name" id="name" value="@if(isset($provider->name)){{$provider->name}}@endif" class="form-control form-control-alternative" 
    placeholder="{{ __('Provider Name') }}" required>
</div>
<div class="form-group">
    <label class="form-control-label" for="long">{{ __('Longitude') }}</label>
    <input step="any" type="number" value="@if(isset($provider)){{$provider->long}}@endif" name="long" id="long" class="form-control form-control-alternative" 
    placeholder="{{ __('Longitude') }}"  required>
</div>
<div class="form-group">
    <label class="form-control-label" for="lat">{{ __('Latitude') }}</label>
    <input type="number" step="any" value="@if(isset($provider)){{$provider->lat}}@endif" name="lat" id="lat" class="form-control form-control-alternative" 
    placeholder="{{ __('Latitude') }}"  required>
</div>
<div class="form-group">
    <label class="form-control-label" for="phone">{{ __('Phone') }}</label>
    <input type="text"  name="phone" value="@if(isset($provider)){{$provider->phone}}@endif" id="phone" class="form-control form-control-alternative" 
    placeholder="{{ __('Phone') }}"  required>
</div>
<div class="form-group">
    <label class="form-control-label" for="photo">{{ __('Photo') }}</label>
    <input type="file"  name="photo" id="photo" class="form-control form-control-alternative" 
     required>

     @if(isset($provider))<img height="200px" width="200px" src='{{asset("$provider->photo")}}'>@endif
</div>
<div class="form-group">
    <label class="form-control-label" for="area">{{ __('Area') }}</label>
    <select name="area_id" id="area" class="form-control form-control-alternative" autocomplete="off">
        @foreach($areas as $area)
        <option @if(isset($provider))
        @if($provider->area_id == $area->id)
        selected="selected"
         @endif
         @endif 
         value="{{ $area->id}}">{{ $area->name_en}}</option>
        @endforeach
    </select>
</div>