@extends('admin.layouts.master')
@section('content')
@section('services','active')
@section('title', 'Services')
@if(session('success'))
<div class="alert alert-success">{{session('success')}}</div>
@endif


<div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-header">
          <h4 class="card-title" id="horz-layout-basic">Services</h4>
          <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
          <div class="heading-elements">

          </div>
        </div>
        <div class="card-content collpase show">
          <div class="card-body">
            <form action="{{ route('admin.services.process') }}" method="post" class="form form-horizontal" enctype="multipart/form-data">
                @csrf
              <div class="form-body">
                <h4 class="form-section"><i class="ft-user"></i>Main Services</h4>
                <div class="form-group row">
                  <label class="col-md-3 label-control" for="projectinput1">Content</label>
                  <div class="col-md-9">
                    <textarea type="text" id="projectinput1" class="form-control" placeholder="Content"
                    name="content"></textarea>
                    <span class="text-danger">{{$errors->first('content')}}</span>
                  </div>
                </div>
                <div class="form-group row">
                  <label class="col-md-3 label-control" for="projectinput3">Name</label>
                  <div class="col-md-9">
                    <input type="text" id="projectinput4" class="form-control" placeholder="Name" name="name">

                    <span class="text-danger">{{$errors->first('name')}}</span>

                  </div>
                </div>
                <div class="form-group row">
                  <label class="col-md-3 label-control" for="projectinput3">Services</label>
                  <div class="col-md-9">
                    <select class="form-control" name="service_id">
                        <option>Select Service</option>
                        @foreach($services as $service)
                            <option value="{{ $service->id }}">{{ $service->name }}</option>
                        @endforeach

                    </select>
                    <span class="text-danger">{{$errors->first('service')}}</span>

                  </div>
                </div>
                <div class="form-group row">
                  <label class="col-md-3 label-control" for="projectinput4">Image</label>
                  <div class="col-md-9">
                    <input type="file" id="projectinput4" class="form-control" placeholder="Image" name="image">

                  </div>
                </div>
                
              </div>
              <div class="form-actions right">
                <button type="submit" class="btn btn-primary">
                  <i class="la la-check-square-o"></i> Save
                </button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection