@extends('layouts.master')
 @section('extracss')
{!! Html::style('assets/js/bootstrap-fileupload/bootstrap-fileupload.css') !!}
@endsection
@section('content')
@if(Request::segment(2)==='add-file-storege')
{{ Form::open(array('route' => 'save-file-storege', 'class'=> 'form-horizontal','enctype'=>'multipart/form-data', 'files'=>true)) }}
@csrf
<div class="row row-deck">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">
                    Add File
                </h3>
            </div>
            <div class="card-body">
                <div class="row">
                     <div class="col-md-6">
                        <div class="form-group">
                            <label for="doc_type" class="form-label">Brand Assets</label>
                             {!! Form::select('brand_asset_id', $brandAsset,null, [
                                          'class' => 'form-control select2 form-select',
                                          'id' => 'select2Primary',
                                          'required' => 'required',
                                      ]) !!}
                            @if ($errors->has('brand_asset_id'))
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $errors->first('brand_asset_id') }}</strong>
                            </span>
                            @endif
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="doc_type" class="form-label">Action Type</label>
                            {!! Form::select('doc_type',[
                            'File' => 'File',
                            'Url' => 'Url'
                            ],'File',array('id'=>'doc_type','class'=> $errors->has('doc_type') ? 'form-control is-invalid state-invalid' : 'form-control', 'onchange'=>'getType(this.value)')) !!}
                            @if ($errors->has('doc_type'))
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $errors->first('doc_type') }}</strong>
                            </span>
                            @endif
                        </div>
                    </div>

                   
                    <div class="col-md-6" id="doc_path_div" style="display:block">
                        <div class="form-group">
                            <label for="doc_path" class="form-label">Action Doc File</label>
                            {!! Form::file('doc_path',array('id'=>'doc_path','class'=> $errors->has('doc_path') ? 'form-control is-invalid state-invalid' : 'form-control', 'autocomplete'=>'off')) !!}
                            @if ($errors->has('doc_path'))
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $errors->first('doc_path') }}</strong>
                            </span>
                            @endif
                        </div>
                    </div>
                    
                    <div class="col-md-6" id="doc_path_url_div" style="display:none">
                        <div class="form-group">
                            <label for="doc_path_url" class="form-label">File URL</label>
                            {!! Form::text('doc_path_url',null,array('id'=>'doc_path_url','class'=> $errors->has('doc_path_url') ? 'form-control is-invalid state-invalid' : 'form-control', 'placeholder'=>'File URL', 'autocomplete'=>'off')) !!}
                            @if ($errors->has('doc_path_url'))
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $errors->first('doc_path_url') }}</strong>
                            </span>
                            @endif
                        </div>
                    </div>
                    
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="file_name" class="form-label">File Name</label>
                            {!! Form::text('file_name',null,array('id'=>'file_name','class'=> $errors->has('file_name') ? 'form-control is-invalid state-invalid' : 'form-control', 'placeholder'=>'File Name', 'autocomplete'=>'off', 'required'=>'required')) !!}
                            @if ($errors->has('file_name'))
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $errors->first('file_name') }}</strong>
                            </span>
                            @endif
                        </div>
                    </div>
               
               
                </div>
                <div class="form-footer text-center">
               {!! Form::submit('Save', array('class'=>'btn btn-primary btn-fixed')) !!}
            </div>
            </div>
        </div>
    </div>

</div>
{{ Form::close() }}


@else
<div class="row">
<div class="col-12">
    <div class="card">
        <div class="card-header ">
            <h3 class="card-title ">File Management</h3>
            <div class="card-options">
               
                <a class="btn btn-sm btn-outline-primary" href="{{ route('add-file-storege') }}"> <i class="fa fa-plus"></i> Add New File</a>
              
                &nbsp;&nbsp;&nbsp;<a href="{{ url()->previous() }}" class="btn btn-sm btn-outline-primary"  data-toggle="tooltip" data-placement="right" title="" data-original-title="Go To Back"><i class="fa fa-mail-reply"></i></a>
         
            </div>
        </div>
        
        <div class="card-body">
            <div class="table-responsive">
                <table id="example" class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Brand Asset</th>
                            <th scope="col">File Name</th>
                            <th scope="col">Path</th>
                            <th scope="col">Action Doc</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach($files as $key=> $file)
                        <tr>
                            <td>{!! $key+1 !!}</td>
                            <td>{!! @$file->brandasset->name!!}</td>
                            <td>{!! $file->file_name !!}</td>
                            <td>{!! $file->doc_path !!}</td>
                            <td>
                                <div class="btn-group btn-group-xs">
                                    <a class="btn btn-sm btn-primary" onclick="copycode('{!! $file->doc_path !!}')" href="javascript:;" data-toggle="tooltip" data-placement="top" title="" data-original-title="Copy URL"><i class="fa fa-copy"></i></a>
                                    <a class="btn btn-sm btn-danger" href="{{ route('delete-file-storege',$file->id) }}" onClick="return confirm('Are you sure you want to delete this?');" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete"><i class="fa fa-trash"></i></a>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

        </div>
    </div>
</div>
@endif

@endsection
@section('extrajs')
<script>
    function getType(value)
    {
        if(value=='File')
        {
            $("#doc_path_div").show();
            $("#doc_path_url_div").hide();
        }
        else
        {
            $("#doc_path_div").hide();
            $("#doc_path_url_div").show();
        }
    };

function copycode(val) {
  navigator.clipboard.writeText(val);
  toastr.success('Data copied!!', {timeOut: 5000})
}
</script>
@endsection