@extends('layouts.layout-admin')

@section('content')

@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif


<div class="row box-body" ng-controller="partnerController" data-ng-init="loadPartnerInfo()">
  <form method="post" action="{{ route('admin.partner.store') }}" enctype="multipart/form-data" name="formPartner">
    <!--<input name="_method" type="hidden" value="PATCH">-->

    <div class="form-group">
      <label for="title">Title <sup class="text-danger">*</sup>:</label>
      <input type="text" class="form-control" id="title" name="title" ng-model="partnerFields.title" required>
      <div class="help-block has-error" ng-messages="formPartner.title.$error" ng-if="formPartner.title.$touched">
        @include('cms::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="description">Description <sup class="text-danger">*</sup>:</label>
      <div text-angular name="description" id="description" ng-model="partnerFields.description" ng-minlength="20" ng-maxlength="500" required></div>
      <!--<textarea name="description" id="description" ng-model="partnerFields.description" class="form-control" ng-minlength="20" ng-maxlength="500" required></textarea>-->
      <!--<textarea required class="" name="description" id="description" ng-model="partnerFields.description" placeholder="Place some text here" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>-->
      <div class="help-block has-error" ng-messages="formPartner.description.$error" ng-if="formPartner.description.$touched">
        @include('cms::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="logo_1">Logo 1:</label>
      <input type="file" class="form-control" id="logo_1" name="logo_1" accept="image/*" onchange="angular.element(this).scope().setLogo1(this)">
      <img ng-if="logoOneSource" ng-src="<% logoOneSource %>" alt="image" class="img-thumbnail" width="200" height="200">
      @if (isset($content->logo_1))
        <img ng-if="!logoOneSource && partnerFields.logo_1 != ''" ng-src="{{ asset('uploads/partner/' . $content->logo_1) }}" alt="image" class="img-thumbnail" width="200" height="200">
        <a href="" class="btn btn-danger" ng-if="!logoOneSource && partnerFields.logo_1 != ''" ng-click="removeLogo(partnerFields.id, partnerFields.logo_1, 'logo_1')">Remove</a>
      @endif
    </div>

    <div class="form-group">
      <label for="link_logo1">Link for Logo-1 :</label>
      <input type="text" class="form-control" id="link_logo1" name="link_logo1" ng-model="partnerFields.link_logo1">
      <div class="help-block has-error" ng-messages="formPartner.link_logo1.$error" ng-if="formPartner.link_logo1.$touched">
        @include('cms::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="logo_2">Logo 2:</label>
      <input type="file" class="form-control" id="logo_2" name="logo_2" accept="image/*" onchange="angular.element(this).scope().setLogo2(this)">
      <img ng-if="logoTwoSource" ng-src="<% logoTwoSource %>" alt="image" class="img-thumbnail" width="200" height="200">
      @if (isset($content->logo_2))
        <img ng-if="!logoTwoSource && partnerFields.logo_2 != ''" ng-src="{{ asset('uploads/partner/' . $content->logo_2) }}" alt="image" class="img-thumbnail" width="200" height="200">
        <a href="" class="btn btn-danger" ng-if="!logoTwoSource && partnerFields.logo_2 != ''" ng-click="removeLogo(partnerFields.id, partnerFields.logo_2, 'logo_2')">Remove</a>
      @endif
    </div>

    <div class="form-group">
      <label for="link_logo2">Link for Logo-2 :</label>
      <input type="text" class="form-control" id="link_logo2" name="link_logo2" ng-model="partnerFields.link_logo2">
      <div class="help-block has-error" ng-messages="formPartner.link_logo2.$error" ng-if="formPartner.link_logo2.$touched">
        @include('cms::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="logo_3">Logo 3:</label>
      <input type="file" class="form-control" id="logo_3" name="logo_3" accept="image/*" onchange="angular.element(this).scope().setLogo3(this)">
      <img ng-if="logoThreeSource" ng-src="<% logoThreeSource %>" alt="image" class="img-thumbnail" width="200" height="200">
      @if (isset($content->logo_3))
        <img ng-if="!logoThreeSource && partnerFields.logo_3 != ''" ng-src="{{ asset('uploads/partner/' . $content->logo_3) }}" alt="image" class="img-thumbnail" width="200" height="200">
        <a href="" class="btn btn-danger" ng-if="!logoThreeSource && partnerFields.logo_3 != ''" ng-click="removeLogo(partnerFields.id, partnerFields.logo_3, 'logo_3')">Remove</a>
      @endif
    </div>

    <div class="form-group">
      <label for="link_logo3">Link for Logo-3:</label>
      <input type="text" class="form-control" id="link_logo3" name="link_logo3" ng-model="partnerFields.link_logo3">
      <div class="help-block has-error" ng-messages="formPartner.link_logo3.$error" ng-if="formPartner.link_logo3.$touched">
        @include('cms::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="logo_4">Logo 4:</label>
      <input type="file" class="form-control" id="logo_4" name="logo_4" accept="image/*" onchange="angular.element(this).scope().setLogo4(this)">
      <img ng-if="logoFourSource" ng-src="<% logoFourSource %>" alt="image" class="img-thumbnail" width="200" height="200">
      @if (isset($content->logo_4))
        <img ng-if="!logoFourSource && partnerFields.logo_4 != ''" ng-src="{{ asset('uploads/partner/' . $content->logo_4) }}" alt="image" class="img-thumbnail" width="200" height="200">
        <a href="" class="btn btn-danger" ng-if="!logoFourSource && partnerFields.logo_4 != ''" ng-click="removeLogo(partnerFields.id, partnerFields.logo_4, 'logo_4')">Remove</a>
      @endif
    </div>

    <div class="form-group">
      <label for="link_logo4">Link for Logo-4:</label>
      <input type="text" class="form-control" id="link_logo4" name="link_logo4" ng-model="partnerFields.link_logo4" required>
      <div class="help-block has-error" ng-messages="formPartner.link_logo4.$error" ng-if="formPartner.link_logo4.$touched">
        @include('cms::partials.errormessages')
      </div>
    </div>

      <div class="form-group">
        <label for="status">Status: </label>
        <select class="form-control" id="status" name="status" ng-model="partnerFields.status">
          <option value="">-Please select-</option>
          <option value="1" ng-selected="partnerFields.status == 1">Enable</option>
          <option value="0" ng-selected="partnerFields.status == 0">Disable</option>
        </select>
      </div>

    </div>

    {!! csrf_field() !!}
    <button type="submit" class="btn btn-primary" ng-disabled="formPartner.$invalid">Save</button>
    <button class="btn btn-default" ng-click="gotoPage('contents/infoblocks')">Cancel</button>
  </form>
</div>
@endsection